#JavaScript #Aulas
Contando de 1 a 10
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript For Loop</h2>
<p id="demo"></p>
<script>
let text = "";
for (let i = 1; i <= 10; i++) {
text += "O número é " + i + "<br>";
}
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>
Mostrando os itens de uma lista
<!DOCTYPE html>
<html>
<body>
<h2>Repetições com JavaScript</h2>
<p id="demo"></p>
<script>
const alunos = ["Tanuzia", "Fco Ant", "Karla", "Lucas", "Ant Lucas", "Fernanda", "João"];
let text = "";
for (let i = 0; i < alunos.length; i++) {
text += alunos[i] + "<br>";
}
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>
Invertendo a ordem
<!DOCTYPE html>
<html>
<body>
<h2>Repetições com JavaScript</h2>
<p id="demo"></p>
<script>
const alunos = ["Tanuzia", "Fco Ant", "Karla", "Lucas", "Ant Lucas", "Fernanda", "João"];
let text = "<h3>Ordem normal:</h3>";
for (let i = 0; i < alunos.length; i++) {
text += (i+1) + " " + alunos[i] + "<br>";
}
text += "<h3>Ordem decrescente:</h3>"
for (let i = alunos.length - 1 ; i > -1 ; i = i - 1) {
text += (i+1) + " " + alunos[i] + "<br>";
}
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>