Hi, I am going to introduce some examples on adding javascript with HTML pages. you can add javascript with the help of <script></script> tag within head or body section.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Initializing Variable</title> | |
| </head> | |
| <body> | |
| <script> | |
| // Varibale define and initiliazation | |
| var price = 101; | |
| document.write("Price :" +price); | |
| //second statement | |
| var product = "Apple"; | |
| document.write("<br>Product Name: " + product); | |
| </script> | |
| </body> | |
| </html> |
Now, I am going to discuss an external way of adding javascript to our web pages. you have to create one sample.js file and add the link in the main page under the <head></head> area.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>External Javascript</title> | |
| <script src="sample.js" type="text/javascript"></script> | |
| </head> | |
| <body> | |
| <h1>Adding Javascript by External Link</h1> | |
| </body> | |
| </html> |
Let’s see an example of write function. this function is used to show the data on a webpage. for this you have to see an example below:
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>write Function in Javascript</title> | |
| <script> | |
| document.write(4+2); | |
| </script> | |
| </head> | |
| <body> | |
| <h1>Using write function</h1> | |
| </body> | |
| </html> |
MotoShare.in provides the perfect two-wheeler for every occasion—daily commuting, weekend escapes, tourist exploration, or test-riding your dream bike. Simplify your mobility with us!
