JAVASCRIPT Loopar

Loopar

while

//initiera en variabel innan loopen
//du kör loopen om testen i parentesen efter while är sann
var x=0;
while ( x<5 ) {
      //gör något
      . . .
      //öka räknaren (i detta exempel)
      x++;
}

   
	<input type="text" size="10" id="jsex1btext" value="11">
	<button type="button" id="jsex1bbutton">Visa</button>
<div id="jsex1bdiv">
</div>
<script>

       
document.getElementById('jsex1bbutton').addEventListener('click',jsex1b);

function jsex1b() {
	var text = document.getElementById("jsex1btext").value;
	var tal = parseInt(text);
	document.getElementById("jsex1bdiv").innerHTML = "";

	var x = 0;
	while (x < tal) {
		document.getElementById("jsex1bdiv").innerHTML += "Varv: " + x + "<br>";
		x++;
	}
} //slut funktion jsex1b


</script>

Ett lite knepigare exempel med lite finesser

   
		
	<input type="text" size="10" id="jsex1atext" value="11">	
	<button type="button" id="jsex1abutton">Visa</button>

<div id="jsex1adiv"></div>
<script>

 
document.getElementById('jsex1abutton').addEventListener('click',jsex1a);

function jsex1a() {
	var text = document.getElementById("jsex1atext").value;
	var tal = parseInt(text);
	document.getElementById("jsex1adiv").innerHTML = "";

	var x = 0;
	while (x < tal) {
		if (x > 8) break; // gå ur loopen
		x++; // x = x + 1;
		if (x % 2 == 0) {
			document.getElementById("jsex1adiv").innerHTML += "Varv: " + x + "
"; 
		}
	}
} //slut funktion jsex1a

for



	<input type="text" size="10" id="jsex1text" value="11">
	<button type="button" id="jsex1button">Visa</button>

<div id="jsex1div">
</div>
<script>


	document.getElementById('jsex1button').addEventListener('click',jsex1);

	function jsex1() {
		var text = document.getElementById("jsex1text").value;
		var tal = parseInt(text);
		document.getElementById("jsex1div").innerHTML = "";
		for (var i = 0; i<tal; i++)
		{
			document.getElementById("jsex1div").innerHTML += "Varv: " + (i+1) + "
";
		}
	} //slut funktion jsex1