Exercise 1

 <!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Light bulb</title>
</head>
<body>
    <button onclick="document.getElementById('onbtn').src='on.jpg'">Turn on the light</button>
    <img id = "onbtn" src="off.jpg" style="width:100px">
    <button onclick="document.getElementById('onbtn').src='off.jpg'">Turn off the light</button>
</body>
</html>

Comments

Post a Comment

Popular posts from this blog

SET(A) Q1

  <! DOCTYPE html > < html lang = "en" > < head > < meta charset = "utf-8" > < title > JavaScript form validation - checking email </ title > < link rel = 'stylesheet' href = 'form-style.css' type = 'text/css' />       </ head > < body bgcolor = "cyan" > < h2 > ENTER Email ID </ h2 > < form > < input type = 'text' name = 'text1' /> < input type = "submit" name = "submit" value = "Submit" onclick = " ValidateEmail ( text1 )" /> </ form > < script >     function ValidateEmail ( inputText )             {             var mailformat = new RegExp ( '[a-z0-9]+@[a-z]+.[a-z]{2,3}' );             if ( inputText . value . match ( mailformat ))                 {                   ...
Read more

Exercise 2

1.1) 1) <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Calculate Square and Cube </ title > </ head > < body >     < script >         for ( var x = 11 ; x <= 20 ; x ++){                         document . write ( "Square and Cube of " + x + " Are " + x * x + " and " + x * x * x + "<br>" )                     }     </ script > </ body > </ html > 1.2) <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta http-equiv = "X-U...
Read more

Exercise 4

1) <! DOCTYPE html > < html lang = "en" > < head > </ head > < body >     < form >         < select id = "color-select" onChange = change_col () >         < option value = "#FFFFFF" style = " background-color:White; color:#000000; " > SELECT </ option >         < option value = "#000000" style = " background-color:black; color:#FFFFFF; " > Black </ option >         < option value = "Gray" style = " background-color:Gray; color:#FFFFFF; " > Gray </ option >         < option value = "#A9A9A9" style = " background-color:DarkGray; color:#FFFFFF; " > DrakGray </ option >         < option value = "#D3D3D3" style = " background-color:LightGray; color:#FFFFFF; " > LightGray </ option >         < option value = "#FFFFFF" style ...
Read more