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!