Showing posts with label looping. Show all posts
Showing posts with label looping. Show all posts

Friday, August 28, 2015

converting for loop to while loop

/*
 *converting for loop to while loop
 * */
for($i = 0; $i < 5; $i++){
   echo $i;
}

$i = 0;
while($i < 5){
   echo $i;
   $i++;
}

Saturday, August 22, 2015

How to looping star - increment and decrement from given value

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>star looping</title>
</head>
<body>
<input type="text" name="" id="number">
<button onclick="star_looping()">Click to loop</button>
<br>
<div id="result"></div>

<script>
function star_looping(){
    var number = parseInt(document.getElementById('number').value);
    var star = "";
    for (var i = 0; i <= number; i++){
        for (var j = 0; j < i; j++){
           star = star + "* ";
        }
        star = star + "<br>";
    }
    for(var i = number-1; i > 0; i--){
        for (var j = 0; j < i; j++){
            star = star + "* ";
        }
        star = star + "<br>";
    }
    document.getElementById('result').innerHTML = star;
}
</script>
</body>
</html>

How to looping star from given value

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>star</title>
</head>
<body>
<input type="text" name="" id="given_number"><br><br>
<button onclick="star_looping()">Click</button>
<br><br>
<div id="result"></div>


<script>
    function star_looping() {


        var number = parseInt(document.getElementById('given_number').value);
        var result = "*";
        var star;
        for (var i = 0; i < number; i++) {
            if (star == undefined) {
                star = result + "<br>";
            } else {
                star = star + result + "<br>";
            }
            result = result + "*";
        }
        document.getElementById("result").innerHTML = star;
    }
</script>
</body>
</html>

css snippet for blogger code highlighting

code, .code {     display: block;     background: beige;     padding: 10px;     margin: 8px 15px; }