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:
Questo è il codice in questione:
Dovrebbe essere una barra che avanza subito dopo aver caricato la pagina ma non va
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 + '%';
}
}
}
Ultima modifica da un moderatore: