PROBLEMA Javascript non funziona correttamente

marco95OP

Utente Attivo
161
2
Salve a tutti non riesco a far funzionare correttamente javascript nel mio progetto html.
Se provo a scrivere un alert per controllare se il file.js è connesso mi appare tranquillamente nella pagina web, ma tutto ciò che faccio come transazioni ed effetti vari non vanno
Sto utilizzando bootstrap 4 e il file js l'ho linkato in questo modo, sotto il tag title e prima della chiusura del tag head:
<script type="text/javascript" src="js/script.js"></script>

Questo è il codice in questione:
HTML:
<div class="container">
        <div id="myHtml">
              <div id="myBar"></div>
        </div>
</div>

#myHtml {
  width: 40%;
  background-color: none;
}

#myBar {
  width: 50%;
  height: 15px;
  background-color: #1492E6;
  border-radius: 25px;
}

function move() {
  var elem = document.getElementById("myBar");
  var width = 1;
  var id = setInterval(frame, 10);
  function frame() {
    if (width >= 100) {
      clearInterval(id);
      } else {
      width++;
      elem.style.width = width + '%';
    }
  }
}
Dovrebbe essere una barra che avanza subito dopo aver caricato la pagina ma non va
 
Ultima modifica da un moderatore:

marco95OP

Utente Attivo
161
2
La funzione move dove la chiami ?
Avendo preso il codice da w3C non avevo fatto caso al fatto che ci mosse un pulsante che richiamava la funzione move cliccandolo:
<button onclick="move()">Click Me</button>

Io però non l'avevo inserito perchè voglio una barra che una volta aperta la pagina avanzi progressivamente in automatico, come posso fare?
 

Entra

oppure Accedi utilizzando
Discord Ufficiale Entra ora!

Discussioni Simili