0
votes

J'ai créé un chronomètre en JavaScript. Je voudrais ajouter un son lorsqu'un utilisateur saisit le temps à rappeler

Je suis un débutant et j'essaie d'apprendre. J'ai créé une montre de start-stop en HTML et JS. Je voudrais ajouter un champ de saisie pour les utilisateurs à saisir du temps et quand il frappe qu'un son doit être joué.

J'ai essayé de faire une variable et d'essayer d'obtenir les données d'entrée mais je ne baise tout que tout. J'ai essayé de le rechercher sur YouTube et Google, mais je ne pouvais pas sembler trouver des réponses. P>

Merci pour votre temps. Ci-dessous mon code. P>

<script type="text/javascript">
        var ms = 0, s = 0, m = 0;
        var timer;

        var stopwatchEL = document.querySelector('.stopwatch');
        var lapsContainer = document.querySelector('.laps');

        function start(){

            if(!timer){
                timer = setInterval(run, 10)
                
               
            }
            
            
        }

        function run(){
            stopwatchEL.textContent = getTimer();
            ms++;
            

            updateTimer(); 

            if(ms == 100){
                ms = 00;
                s++
                
            }

            if(s == 60){
                s = 0;
                m++;

            }

            

        }

        function pause(){
            stopTimer();
        }

        function stop(){
            stopTimer();
            m = 0;
            ms = 0;
            s = 0;
            stopwatchEL.textContent = getTimer();
            
        }

        function getTimer(){
            return (m < 10 ? "0" + m:m) + ":" + (s < 10 ? "0" + s:s) + ":" + (ms < 10 ? "0" + ms:ms);
        }

        function stopTimer(){
            clearInterval(timer);
            timer = false;
        }

        function restart(){
            stop();
            start();
        }

        function lap(){
            if(timer){
                var li = document.createElement('li');
                li.innerText = getTimer();
                lapsContainer.appendChild(li);


            }
        }

        function resetLaps() {
            lapsContainer.innerHTML = "";

        }
        
        
        function getVal(){
                var inputVal = document.getElementById('inputVal').value;
                
            }

        function updateTimer() {
        
        if(m == 0, ms == 0, s == inputVal){

        $('#ado').get(0).play();
        pause();

      }
    }

        </script>


0 commentaires

3 Réponses :


0
votes

Vous déclarez une variable INPUTVAL à l'intérieur d'un getval Fonction que d'autres fonctions ne savent pas à ce sujet. Utilisez quelque chose comme ça xxx


1 commentaires

Merci beaucoup! J'ai finalement appris à faire ça. J'ai essayé de déclarer que sans positif_infinité. Je sais maintenant ce que cela signifie. Merci beaucoup!



0
votes

Cela corrigera votre problème.

function getVal() {
        const sound = document.getElementById("ado");
        sound.play();
        var inputVal = document.getElementById("inputVal").value;
}


1 commentaires

Merci beaucoup! J'ai essayé beaucoup de façons différentes et rien n'a fonctionné. Merci de m'aider!



0
votes

Tout d'abord, vous avez d'abord besoin d'entrer dans le monde comme @denhell mentionné.

function run(){
    stopwatchEL.textContent = getTimer();
    ms++;
        
    if(ms == 100){
        ms = 0;
        s++;
    }

    if(s == 60){
        s = 0;
        m++;
    }

    updateTimer();     
}


1 commentaires

Sascha, tu es génial. Merci beaucoup d'avoir expliqué à moi ce que j'avais manqué. Cela a beaucoup aidé, j'ai enfin appris ce que j'avais manqué et comment obtenir le code de ce que je faisais. Merci de m'avoir expliqué cela en détail. Cela signifie beaucoup!