Recent Posts

  • Scrum Training Series
  • 10 coding challenges
  • Palette
  • Length
  • Closure

Recent Comments

    Archives

    • October 2017
    • May 2017
    • December 2016
    • November 2016
    • October 2016
    • March 2016
    • December 2015
    • November 2015
    • October 2015
    • September 2015
    • July 2015
    • May 2015

    Categories

    • Adventure
    • AngularJS
    • Arithmetic
    • Code
    • Code Playgrounds
    • Coding
    • CSS
    • Dashboard
    • Design
    • Drones
    • Editing
    • Framework
    • Gallery
    • HTML5
    • Html5 Slides
    • Icons
    • Java
    • JavaScript
    • jQuery
    • Js
    • Libraries
    • Library
    • Map
    • Music
    • Open Source
    • Palette
    • PostgreSQL
    • Prototyping
    • Responsive
    • Scripting Language
    • Scrum
    • SQL
    • Standard
    • svg
    • Syntax Highlighter
    • Tools
    • Travel

    Meta

    • Log in
    • Entries RSS
    • Comments RSS
    • WordPress.org

    Michael Germini

    Menu
    • Design
    • Framework
    • Library
    • JavaScript
    • SQL
    • CSS
    • Palette
    • HTML5
    Michaël Germini
    on December 18, 2016
    Home  /  JavaScript  /  Break
    JavaScript

    Break


    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
        <script>
            function myFunctionDEtat() {
                if (maVariableDEtat < MAX_ETAT)
                    maVariableDEtat++;
                else
                    maVariableDEtat = 1;
                switch (maVariableDEtat) {
                    case 1:
                        document.getElementById("champAChanger").innerHTML = "1";
                        document.getElementById("champAChanger").setAttribute("style", "color:#ff00ff");
                        break;
                    case 2:
                        document.getElementById("champAChanger").innerHTML = "2";
                        document.getElementById("champAChanger").setAttribute("style", "backcolor:#00ffff");
                        break;
                    case 3:
                        document.getElementById("champAChanger").innerHTML = "3";
                        document.getElementById("champAChanger").setAttribute("style", "color:#ffff00");
                        break;
                    default:
                        document.getElementById("champAChanger").innerHTML = "no";
                        break;
                }
            }
        </script>
        <p id="champAChanger">Para</p>
        <button type="button" onclick="myFunctionDEtat()">Boutton</button>
        <script>
            var maVariableDEtat = 1;
            const MAX_ETAT = 3;
            document.getElementById("champAChanger").setAttribute("style", "color:#ff00ff");
        </script>

    A loop with a break.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <p>A loop with a break.</p>
     
    <p id="demo"></p>
     
    <script>
    var text = "";
    var i;
    for (i = 0; i < 10; i++) {
        if (i === 3) { break; }
        text += "The number is " + i + "<br>";
    }
    document.getElementById("demo").innerHTML = text;
    </script>



    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
          <script type="text/javascript">
             <!--
             var x = 1;
             document.write("Entering the loop<br /> ");
            
             while (x < 20)
             {
                if (x == 5){
                   break; // breaks out of loop completely
                }
                x = x + 1;
                document.write( x + "<br />");
             }
            
             document.write("Exiting the loop!<br /> ");
             //-->
          </script>



    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
          <script type="text/javascript">
             <!--
                var x = 1;
                document.write("Entering the loop<br /> ");
            
                while (x < 10)
                {
                   x = x + 1;
                  
                   if (x == 5){
                      continue; // skip rest of the loop body
                   }
                   document.write( x + "<br />");
                }
            
                document.write("Exiting the loop!<br /> ");
             //-->
          </script>


    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
          <script type="text/javascript">
             <!--
                document.write("Entering the loop!<br /> ");
                outerloop: // This is the label name
            
                for (var i = 0; i < 5; i++)
                {
                   document.write("Outerloop: " + i + "<br />");
                   innerloop:
                   for (var j = 0; j < 5; j++)
                   {
                      if (j > 3 ) break ; // Quit the innermost loop
                      if (i == 2) break innerloop; // Do the same thing
                      if (i == 4) break outerloop; // Quit the outer loop
                      document.write("Innerloop: " + j + " <br />");
                   }
                }
            
                document.write("Exiting the loop!<br /> ");
             //-->
          </script>


    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
          <script type="text/javascript">
             <!--
             document.write("Entering the loop!<br /> ");
             outerloop: // This is the label name
            
             for (var i = 0; i < 3; i++)
             {
                document.write("Outerloop: " + i + "<br />");
                for (var j = 0; j < 5; j++)
                {
                   if (j == 3){
                      continue outerloop;
                   }
                   document.write("Innerloop: " + j + "<br />");
                }
             }
            
             document.write("Exiting the loop!<br /> ");
             //-->
          </script>


    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
          <script type="text/javascript">
             <!--
     
    for (var i = 1; i < 100; i++) {
        if (i == 15) {
            break;
        }
        document.write (i);
        document.write (" ");
    }
             //-->
          </script>


    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
          <script type="text/javascript">
             <!--
    for (var i = 1; i <= 10; i++) {
        document.write ("<br />");
        document.write ("i: " + i);
        document.write (" j: ");
    Inner:
        for (var j = 21; j <= 30; j++) {
            if (j == 24) {
                break Inner;
            }
            document.write (j + " ");
        }
    }
             //-->
          </script>

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    <p id="daybreak"></p>
     
          <script type="text/javascript">
    var day;
    switch (new Date().getDay()) {
        case 0:
            day = "Sunday";
            break;
        case 1:
            day = "Monday";
            break;
        case 2:
            day = "Tuesday";
            break;
        case 3:
            day = "Wednesday";
            break;
        case 4:
            day = "Thursday";
            break;
        case 5:
            day = "Friday";
            break;
        case  6:
            day = "Saturday";
            break;
        default:
             day = "unknown";
    }
    document.getElementById("daybreak").innerHTML = "Today is " + day;
             //-->
          </script>

    Tags: break
    Previous Article
    Call Remove
    Next Article
    Closure

    About Author

    Michaël Germini

    Related Posts

    19 December
    JavaScript

    Length

    42 Seconds Read
    18 December
    JavaScript

    Closure

    12 Seconds Read
    18 December
    JavaScript

    Call Remove

    16 Seconds Read