JAVASCRIPT
- sentences.html
<html> <head> <script> document.getElementById("demo6").innerHTML = "My First JavaScript"; function myFunction() { document.getElementById("demo7").innerHTML = 5 + 6; } </script> <script src="/js/myScript.js"></script> </head> <body> <h2>A,B,C,D,E</h2> <p id="demo"> CHANGE 1 </p> <p id="demo1">CHANGE 2 </p> <p id="demo3">CHANGE 3 </p> <p id="demo4">CHANGE 4 </p> <p id="demo5">CHANGE 5 </p> <p id="demo6">CHANGE 6 </p> <p id="demo7">CHANGE 7 </p> <p id="demo8">CHANGE 8 </p> <button type="button" onclick="document.getElementById('demo').style.display='none'">A!</button> <button type="button" onclick="document.getElementById('demo1').innerHTML = Date()">B.</button> <button type="button" onclick='document.getElementById("demo3").innerHTML = "C"'> C!</button> <button type="button" onclick="document.getElementById('demo4').innerHTML = 'D'">D!</button> <button onclick="document.getElementById('myImage').src='pic_bulbon.gif'">Turn on the light</button> <button type="button" onclick="document.getElementById('demo5').style.fontSize='35px'">Click Me!</button> <button type="button" onclick="myFunction()">Try it</button> </body> </html>
CODING IN VISUAL LANGUAGE
| < | BUTTON | TYPE= | “BUTTON” | ONCLICK | = | “DOCUMENT” | . | GET | ELEMENT | BY | ID('DEMO') | . | STYLE | . | DISPLAY | = | NONE | > | text | </BUTTON> |
| < |  | type = | “” |   | = |  | . |  |  |  | id('demo') | . |  | . | display | = | none | > | text | </BUTTON> |
| < | BUTTON | TYPE= | “BUTTON” | ONCLICK | = | “DOCUMENT” | . | GET | ELEMENT | BY | ID('DEMO') | . | INNERHTML | = | DATE | > | text | </BUTTON> |
