Practical – 116.1 : Embded javascript in HTML
Program Code :
<!DOCTYPE html>
<html>
<head>
 <title>ITI JavaScript Program</title>
 <style>
   body {
     font-family: Arial, sans-serif;
     background-color: #e9f5ff;
     text-align: center;
     padding: 50px;
   }
   input, button {
     padding: 10px;
     font-size: 16px;
     margin: 10px;
   }
   #message {
     color: green;
     font-weight: bold;
     margin-top: 20px;
   }
 </style>
</head>
<body>
 <h1>Welcome to ITI JavaScript Demo</h1>
 <p>Enter your name:</p>
 <input type=”text” id=”nameInput” placeholder=”Enter your name” />
 <button onclick=”showMessage()”>Submit</button>
 <p id=”message”></p>
 <script>
   function showMessage() {
     var name = document.getElementById(“nameInput”).value;
     if (name.trim() !== “”) {
       document.getElementById(“message”).innerHTML = “Hello, ” + name + “! Welcome to ITI.”;
     } else {
       document.getElementById(“message”).innerHTML = “Please enter your name.”;
     }
   }
 </script>
</body>
</html>
