Przejdź do treści

Jak działa Pętla For ? JavaScript

Tworzymy plik z rozszerzeniem html o przykładowej nazwie np for_js
Nasz plik powinien wyglądać następująco : for_js .html

Następnie przechodzimy do wpisania standardowych danych jak i stworzeniem DIV w którym wyniki naszej pętli zostaną wyświetlone

<!DOCTYPE html>
<html>
<head>
<title>For w JavaScript</title>
<script>
</script>
</head>
<body>
<p>For w JavaScript</p>
<div id="wynik"> 
</div>
</body>
</html>

Kod pętli FOR zawarty w funkcji Pentla_for()

function Pentla_for(){
  document.getElementById("wynik").innerHTML = "";
  for (var i = 1; i <= 10; i++){
    document.getElementById("wynik").innerHTML += i+"</br>";
  }
}

Po utworzeniu funkcji zostało nam tylko jej wywołanie aby tego dokonać dodajemy ” Pentla_for();”

 Pentla_for(); 

Cały Kod

<!DOCTYPE html>
<html>
<head>
<title>For w JavaScript</title>
<script>
function Pentla_for(){
  document.getElementById("wynik").innerHTML = "";
  for (var i = 1; i <= 10; i++){
    document.getElementById("wynik").innerHTML += i+"</br>";
  }
}
Pentla_for();
</script>
</head>
<body>
<p>For w JavaScript</p>
<div id="wynik"> 
</div>
</body>
</html>

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Wymagane pola są oznaczone *