Progetti JavaScript per PRINCIPIANTI – Random background, Orologio, Counter



Oggi siamo qui per vedere tre piccoli progetti per imparare ad usare javascript Link codici: ▻Random background changer …

14 Comments

  1. Ciao .. volevo fare una domanda .. non si trova da nessuna parte una cosa a mio parere semplice ma introvabile online .. un player audio mp3 javascript da inserire in una pagina web personale dove fa questa funzione: legge in maniera random i file audio all’interno di una cartella caricata sul server ftp .. semplice no ? Ma no. Si trova nulla di simile … grazie 🙏

  2. Dovresti farne di più di questi video, online si trova mille corsi ma poi ci si perde nella pratica, qui invece ho avuto modo di vedere sul campo come ragionare
    Bel video , bravo

  3. Ho visto delle cose non proprio belle 😣
    Non utilizzare MAI var all'interno delle funzioni…

    A parte che var ora è sempre bene utilizzarlo con let (anche fuori dalle funzioni), ma puoi in questo caso non devi neanche modificarle quindi perchè non utilizzare const??

    È più veloce e molto molto più chiaro se tu o qualcun altro deve rimetterci mano al codice.

    Altro punto, al minuto 9:23 hai fatto una cosa che non si dovrebbe mai fare in questi casi, devi usare il textContent (o l'innerText) per i testi, MAI l'innerHTML perchè, a partte che è più lento perchè deve parsarlo, ma poi perchè se uno mette manomette il codice diventa pericoloso.

    Altro punto, perchè devi mettere tre if (quindi 9 linee di codice) per aggiungere un c*** di zero…?
    Cioè, fai così no?

    const data = new Date();
    const ore = data.getHours();
    const minuti = data.getMinutes();
    const secondi = data.getSeconds();

    document.getElementById('orario').textContent = `${ore < 10 ? `0${ore}` : ore}:${minuti < 10 ? `0${minuti}` : minuti}:${secondi < 10 ? `0${secondi}` : secondi}`

    in questo blocchetto di 5 righe ho fatto quello che tu hai fatto in 17 righe (e molto meglio, dato che è una sintassi più fresca, nuova, veloce e soprattutto meno pericolosa)…

Leave a Reply

© 2023 53GB