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

Hot: E3 2021, chi ti è piaciuto di più?

  • Ubisoft

    Voti: 28 21.5%
  • Gearbox

    Voti: 2 1.5%
  • Xbox & Bethesda

    Voti: 84 64.6%
  • Square Enix

    Voti: 10 7.7%
  • Capcom

    Voti: 6 4.6%
  • Nintendo

    Voti: 18 13.8%
  • Altro (Specificare)

    Voti: 11 8.5%

Discussioni Simili