Untitled

avatar
unknown
plain_text
9 months ago
2.4 kB
13
Indexable
<!DOCTYPE html>
<html lang="sq">
<head>
  <title>Të dhënat e nxënësit</title>
</head>
<body style="font-family:Arial; margin:30px;">

  <form id="forma">
    <fieldset style="width:360px;">
      <legend><b>Të dhënat e nxënësit</b></legend>

      <label>Emri:</label><br>
      <input type="text" id="emri"><br><br>

      <label>Mbiemri:</label><br>
      <input type="text" id="mbiemri"><br><br>

      <label>Mosha:</label><br>
      <input type="number" id="mosha"><br><br>

      <label>Klasa ku do regjistrohet:</label><br>
      <select id="klasa">
        <optgroup label="Arsim i ulët bazë">
          <option value="1">Klasa 1</option>
          <option value="2">Klasa 2</option>
          <option value="3">Klasa 3</option>
          <option value="4">Klasa 4</option>
          <option value="5">Klasa 5</option>
        </optgroup>
        <optgroup label="Arsim i mesëm i ulët">
          <option value="6">Klasa 6</option>
          <option value="7">Klasa 7</option>
          <option value="8">Klasa 8</option>
          <option value="9">Klasa 9</option>
        </optgroup>
      </select><br><br>

      <input type="reset" value="Fshi të dhënat" style="background-color:pink;">
      <input type="button" value="Dërgo" onclick="dergo()" style="background-color:lightgreen;">
    </fieldset>
  </form>

  <div id="rezultatet" style="color:blue; font-weight:bold; margin-top:20px;"></div>

  <script>
    let counter = 1;

    function dergo() {
      let emri = document.getElementById("emri").value.trim();
      let mbiemri = document.getElementById("mbiemri").value.trim();
      let mosha = document.getElementById("mosha").value.trim();
      let klasa = document.getElementById("klasa").value;

      if (emri === "" || mbiemri === "" || mosha === "" || klasa === "") {
        alert("Ju lutem plotësoni të gjitha fushat!");
        return;
      }

      let tekst = "Nr. regjistrimi " + counter + ": Nxënësi " + emri + " " + mbiemri +
                  ", i moshës " + mosha + " vjeç është regjistruar në klasë të " + klasa + ".";

      let paragraf = document.createElement("p");
      paragraf.innerText = tekst;
      document.getElementById("rezultatet").appendChild(paragraf);

      counter++;
      document.getElementById("forma").reset();
    }
  </script>

</body>
</html>
Editor is loading...
Leave a Comment