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:

About Author

Michaël Germini

Related Posts

JavaScript

Length

41 Seconds Read
JavaScript

Closure

10 Seconds Read
JavaScript

Call Remove

15 Seconds Read