Practical – 119.2 : Check Given Character is Vowel / Consonant
Program Code :Â
<!DOCTYPE html>
<html>
<head>
 <title>Vowel Checker</title>
 <style>
   body {
     font-family: Arial, sans-serif;
     text-align: center;
     margin-top: 50px;
   }
   input, button {
     padding: 10px;
     font-size: 16px;
   }
 </style>
</head>
<body>
 <h2>Check If Character Is a Vowel</h2>
 <input type=”text” id=”charInput” maxlength=”1″ placeholder=”Enter a letter”>
 <button onclick=”checkVowel()”>Check</button>
 <h3 id=”result”></h3>
 <script>
   function checkVowel() {
     let char = document.getElementById(“charInput”).value.toLowerCase();
     if (char.length !== 1 || !isNaN(char)) {
       document.getElementById(“result”).innerText = “Please enter a single alphabet character.”;
       return;
     }
     if (‘aeiou’.includes(char)) {
       document.getElementById(“result”).innerText = `”${char}” is a vowel.`;
     } else {
       document.getElementById(“result”).innerText = `”${char}” is not a vowel.`;
     }
   }
 </script>
</body>
</html>
