[Creatie Javascript] Cod JavaScript pentru afisare random a unui element dintr-o lista

[iza]

Pentru inceput, trebuie sa definim lista, asa ca vom folosi un cod asemanator cu acesta:

var valori_pentru_schimbare = [
'Posibilitatea 1',
'Posibilitatea 2',
'Posibilitatea 3',
'Posibilitatea 4',
'Posibilitatea 5',
];

Putem adauga oricate valori dorim adaugand 'CONTINUT', chiar inainte de ];.

Acum, vom defini functia si toate cele necesare, exact ca aici:

function la_nimereala() {
var random= Math.floor(Math.random()*valori_pentru_schimbare.length);
document.getElementById('ex_la_nimereala_id').innerHTML=valori_pentru_schimbare[random];
}

Aceasta functie are rolul de a alege un element la nimereala din lista de mai sus, apoi sa modifice continutul unui element cu un ID specific cu cel ales. Eu i-am dat nume elementului  ex_la_nimereala_id folosind codul HTML  <div id="ex_la_nimereala_id"></div> pe care trebuie sa il adaugam unde dorim sa apara continutul ales la nimereala.

Tot ce mai trebuie sa facem, este sa ii spunem site-ului sa incarce automat functia noastra odata ce este accesata pagina noastra web folosind urmatorul cod:

onload = function() { la_nimereala(); }

Totusi, momentan continutul ales la nimereala se actualizeaza doar daca pagina este reincarcata. Pentru a face ca functia sa se reincarce la un anumit numar de secunde avem nevoie de o functie asemanatoare cu aceasta:

var schimba_la_x_secunde = 3;
setInterval(function() { la_nimereala(); }, schimba_la_x_secunde*1000);

Tot ceea ce trebuie sa mai faceti este sa modificati la  schimba_la_x_secunde cu valoarea de secunde dorita.

Edited January 16, 2022 by iza

[Tupi]

Mulțumim pentru tutorial!

 

Topic inactiv.