Javascript Code : Change body Background onload using Random Values and Switch Case

html>
<head>Javascript Events</head>
</br>
<body id="bodybg" onload="window.alert('Page successfully loaded');">
<script>
<!--
n=Math.floor(Math.random()*10);
document.write("The page is loaded successfully" +n);
switch(Number(n))
{
   case 1:document.body.style.background="pink"; break;
   case 2:document.body.style.background="red"; break;
  case 3:document.body.style.background="maroon"; break;
   case 4:document.body.style.background="brown"; break;
case 5:document.body.style.background="yellow"; break;
   case 6:document.body.style.background="orange"; break;
case 7:document.body.style.background="green"; break;
   case 8:document.body.style.background="blue"; break;
case 9:document.body.style.background="gray"; break;
   default:document.body.style.background="aqua"; break;

}

 
//-->
</script>
</body>
</html>

Output of the Code :

<html> Javascript Events

Comments

Post a Comment

Popular posts from this blog

Javascript Code using getElementById and If Else Statement

  <!DOCTYPE html> <html> <head> <title> Form Elements and Attributes </title> <style> //format and styles div { margin-bottom: 10px; } label { display: inline-block; width: 200px; } fieldset { background: #e1eff2; } legend { padding: 20px 0; font-size: 20px; } </style> <body> <body> <h1> Determine Age Group </h1> <p> Enter your details : </p> <fieldset> <label> Enter your name </label> <input type =" text " onfocus =" this.value='' " name =" fname " id =" fname " value ="" /> <br> <!-- create input text box for name --> <label> Enter your age </label> <input type =" number " onfocus =" this.value='' " name =" age " i...
Read more

Javascript Code Using If Else to Compute Discount based on Grades

<html>    <body>           <script type = "text/javascript">          <!-- var grade= prompt("Enter grade");  var tuition=prompt("Enter tuition fee");            if (grade>=99)              {                discount=tuition *1;                document.write("<b> COngrats You Deserved 100% Discount " );              }            else if(grade >=95)                  {                 discount=tuition *.50;                document.write("<b> COngrats You Deserved 50% Discount " );               }    ...
Read more