JavaScript codes to copy and paste

  

  

  

    <!--The Write Method-->
    <script>
    document.write("<b> Aquatic plants </b><br>");
    document.write("Aquatic plants come in many varieties");
    </script>
    



    <!--Assigning variables and the Write Method-->
    <script>
    sweater1 = "Red";
    sweater2 = "Green";
    document.write("The colors are:", "<br>", sweater1, "<br> and <br> ", sweater2);
    </script>
    



    <!--The Onload Method-->
    <script>
    window.onload = amessage();
    function amessage(){
    alert("Maps with pictures of aquatic plants");
    }
    </script>
    



    <!--The Prompt Method-->
    <script>
    input=window.prompt("What is your favorite color ?","");
    document.write("Welcome. Your favorite color is: ", input,". Thank you!");
    </script>
    



    <!--A Timer function-->
    
    <script>
    function melding(){
    alert("Wait a little longer");
    }
    </script>
    <button onclick="setTimeout(notification, 3000)">Click here to view the timer</button>
    



    <!--Changing the backgrond color of webpage-->
    <script>
    function backgroundcolor(){
    document.body.style.backgroundColor = "red";
    }
    </script>
    <button onclick="backgroundcolor()">Change background color</button>
    



    <!--The use of id-->
    <script>
    window.onload = function (){
    document.getElementById("link").style.color="green";
    document.getElementById("link").style.fontFamily="verdana";
    document.getElementById("link").style.fontSize="1.5em";
    }
    </script>
    
    <a id="link" href="aquaticplants.nl">Beautiful aquatic plants</a>
    

    

    

    <!--The use of id with a variable-->
    <script>
    window.onload = function () {
    var div = document.getElementById("blackyellow");
    div.style.backgroundColor="yellow";
    div.style.position="absolute";
    div.style.left="200px";
    div.style.top="100px";
    }
    </script>
    
    <div id="blackyellow">
    Text with yellow background color
    </div>
    

    

    

    <!--The use of an function, with a variable and id-->
    <script>window.onload = function () {
    var div = document.getElementById("textfont");
    div.style.color="#00FF00";
    div.style.fontFamily="verdana";
    div.style.fontSize="2.5em";
    }
    </script>
    
    <div id="textfont"> <p>Text color, text type, and text size</p></div>
    

    

    

    <!--The use of an function, with id and  mouseover-->
    <script>
    function textcolor() {
    document.getElementById("color").style.color="#0000ff";
    }
    </script>
    
    <button type="button" id="color" onmouseover="textcolor()">
    Slide here with the mouse pointer to change the color of the text
    </button>
    

    

    

    <!--The use of loops-->

    <!-- The For loop -->
    <script>
    var i = 0;
    window.onload = function(){
    for(i=0; i<5; i++){
    document.write('Hallo<br>');
    }
    document.write("it works");
    }
    </script>
    



    <!-- The Do while loop-->
    <script>
    window.onload = function(){
    var i = 0;
    {
    i++;
    document.write("Hallo<br>");
    }
    Please note! while just after accolade
    while ( i < 5)
    document.write("it works");
    }
    </script>
    



    <!-- The While loop-->
    <script>
    var i = 0;
    window.onload = function(){
    while ( i < 5){
    i++;
    document.write("Hallo<br>");
    }
    document.write("it works");
    }
    </script>
    



    <!-- The Do break loop-->
    <script>
    window.onload = function(){
    var i = 0;
    do{
    i++;
    if (i==3){
     break;
    }
    document.write("Hallo<br>");
    }while (i<5); 
    document.write("it works");
    }
    </script>
    



    <!-- The Break loop-->
    <script>
    var i = 0;
    var n = 0;
    while (i < 10) {
      i++;
      if (i == 6) {
        break;
      }
      n += i;
      document.write('<br>');
      document.write(n);
    }
    </script>
    



    <!-- The Continue loop-->
    <script>
    var i = 0;
    var n = 0;
    while (i < 10) {
      i++;
      if (i == 6) {
        continue;
      }
      n += i;
      document.write('<br>');
      document.write(n);
    }
    </script>