Unit 1: HTML, DHTML and JavaScript exercises

html<form action="submit.php" method="post">
  <fieldset>
    <legend>Admission Form — B.Sc IT</legend>
    Name: <input type="text" name="name" required><br>
    Email: <input type="email" name="email"><br>
    Password: <input type="password" name="pwd"><br>
    Gender: <input type="radio" name="g" value="M"> Male
            <input type="radio" name="g" value="F"> Female<br>
    Subjects: <input type="checkbox" name="s" value="Maths"> Maths
              <input type="checkbox" name="s" value="CS"> Computer Science<br>
    City: <select name="city"><option>Ludhiana</option><option>Jalandhar</option></select><br>
    Address: <textarea name="addr" rows="3" cols="30"></textarea><br>
    <input type="submit" value="Submit"> <input type="reset">
  </fieldset>
</form>

• Audio: <audio src="song.mp3" controls></audio>
• Video: <video src="tour.mp4" width="480" controls></video>
• Multi-frame page: a logo frame at the top, a menu on the left and content on the right — built with <frameset> in old HTML, or with <iframe> and CSS layout today.

html<link rel="stylesheet" href="hospital.css">

cssbody { font-family: Arial, sans-serif; margin: 0; }
header { background: #0b6b3a; color: white; padding: 20px; }
nav a { color: white; margin-right: 15px; text-decoration: none; }
.card { border: 1px solid #ddd; border-radius: 8px; padding: 15px; }

html<script>
  // Compare two numbers
  function compare(a, b) {
    if (a > b) return a + " is greater";
    else if (b > a) return b + " is greater";
    else return "Both are equal";
  }
  // For loop: multiplication table
  function table(n) {
    let out = "";
    for (let i = 1; i <= 10; i++) out += n + " x " + i + " = " + n * i + "<br>";
    document.getElementById("out").innerHTML = out;
  }
  // Even or odd
  function evenOdd(n) { return n % 2 === 0 ? "Even" : "Odd"; }
  // Prime check
  function isPrime(n) {
    if (n < 2) return false;
    for (let i = 2; i * i <= n; i++) if (n % i === 0) return false;
    return true;
  }
  alert(compare(12, 7) + ", 15 is " + evenOdd(15) + ", 29 prime? " + isPrime(29));
</script>

javascriptfunction validateReg() {
  const f = document.forms["reg"];
  if (!/^[0-9]{10}$/.test(f.phone.value)) { alert("Enter a 10-digit phone"); return false; }
  if (f.pwd.value !== f.cpwd.value) { alert("Passwords do not match"); return false; }
  return true;
}