<!DOCTYPE html>
<html>
<body>
<h2>Welcome to JavaScript</h2>
<script>
document.write("Hello Friends");
</script>
</body>
</html>
Try Now
JavaScript can be implemented using JavaScript statements that are placed within the <
script>...<
/script>.
<!DOCTYPE html>
<html>
<body>
<script type= "text/javascript">
document.write("Hello World");
</script>
</body>
</html>
Try Now
JavaScript code can be written in 3 places in JavaScript
- Between the <body>......</body> tag of HTML.
- Between the <head>......</head> tag of HTML.
- In .jsfile(external JavaScript).
Example (code between the body tags)
The below example displays JavaScript code in body tag.
<!DOCTYPE html>
<html>
<body>
<script type="text/javascript">
alert("Hello world");
</script>
</body>
</html>
Try Now
Example2 (code between the head tag)
In below example we are creating function
msg(). To create a function in JavaScript need to write function in
function_name. To call function we need to work on event. Here, we are using one click event to call
msg() function.
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function msg(){
alert("Hello world");
}
</script>
</head>
<body>
<p>Welcome to Javascript</p>
<form>
<input type="button" value="click" onclick="msg()"/>
</form>
</body>
</html>
Try Now
External JavaScript file
We can create external JavaScript file and include it into HTML files.
It provides
code reusability because single JavaScript file can be used in several HTML pages.
It increases the speed of the web page.
File must be saved in
.js extension.
Example
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="message.js"></script>
</head>
<body>
<p>Hello world</p>
<form>
<input type="button" value="click" onclick="msg()"/>
</form>
</body>
</html>
Try Now