Tel grej

 avatar
unknown
javascript
2 years ago
1.2 kB
4
Indexable
document.addEventListener("DOMContentLoaded", () => {
    let i = 0; // Räknare för nummer 0-9
    let telnrs = document.getElementsByClassName('tel'); // Lista över alla nummer
    let currentNr = 0; // Nuvarande nummer i telefonnumret

    // Update currentNr till nästa nummer
    document.getElementById("set").addEventListener("click", function() {
        if (currentNr < telnrs.length) {
            currentNr++;
            i = 0;
        }
    });    

    // Uppdaterar nummer
    function updateNr() {
        if (currentNr >= telnrs.length) {
            clearInterval(interval); // Stoppar intervallet om alla nummer är skrivna
            return;
        } else {
            telnrs[currentNr].textContent = i;
            if (i === 9) {
                i = 0;
            } else {
                i++;
            }
        }
    }
    
    // Uppdaterar nummer varje 250ms
    let interval = setInterval(updateNr, 250);

    // Skriver ut telefonnumret
    document.getElementById("sub").addEventListener("click", function() {
        let tel = "";
        for (let nr of telnrs) {
            tel += nr.textContent;
        }
        document.getElementById("fullTel").textContent = tel;
    });  
});
Editor is loading...
Leave a Comment