<!DOCTYPE html>
<html lang="LV">
<head>
  <title>darsb</title>
  <meta charset="utf-8">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>
<form>
  <label for="fname">vards:</label><br>
  <input type="text" id="fname" name="fname"><br>
  
  <label for="email">ievadi email:</label><br>
  <input type="email" id="email" name="email"><br><br>
  <label for="pwd">parole:</label><br>
  <input type="password" id="pwd" name="pwd"><br><br>
  
  <label for="birthday">birthday:</label><br>
  <input type="date" id="birthday" name="birthday"><br><br>
  
  <label for="myfile">Select a file:</label><br>
  <input type="file" id="myfile" name="myfile"><br><br>
  
  <label for="favcolor">Select your favorite color:</label><br>
  <input type="color" id="favcolor" name="favcolor"><br><br>
  
  <label for="quantity">Quantity (between 1 and 5):</label><br>
  <input type="number" id="quantity" name="quantity" min="1" max="5"><br><br>
  
  <label for="vol">Volume (between 0 and 69):</label><br>
  <input type="range" id="vol" name="vol" min="0" max="69"><br><br>
  
  <label for="appt">Select a time:</label><br>
  <input type="time" id="appt" name="appt"><br><br>
  
  <label for="appt"> tev patik lasit?</label><br>
  <input type="checkbox" id="kautkas1" name="kautkas1" value="ja">
  <label for="kautkas1"> ja</label><br>
  <input type="checkbox" id="kautkas2" name="kautkas2" value="ne">
  <label for="kautkas2"> ne</label><br>
  <input type="checkbox" id="kautkas3" name="kautkas3" value="red bull">
  <label for="kautkas3"> es milu red bull</label><br><br>
  
   <label for="appt"> kurs tev vairk patik?</label><br>
  <input type="radio" id="html" name="fav_language" value="HTML">
  <label for="html">HTML</label><br>
  <input type="radio" id="css" name="fav_language" value="CSS">
  <label for="css">CSS</label><br>
  <input type="radio" id="javascript" name="fav_language" value="JavaScript">
  <label for="javascript">JavaScript</label><br>
  
  <label id="manateksts">Sveiki!</label><br><br>
  <input type="button" onclick="mainit()" value="pick me"><br><br>
  <input type="button" value="dati?" onclick="dati()">
  
  <input type="image" src="https://uploads.onecompiler.io/44a3p7y8m/44arw63n4/image.jpeng.webp" alt="Submit" width="100" height="50"><br><br>
  <input type="submit" value="Submit">
  <input type="reset" value="reset">
  <input type="button" onclick="alert('mans ligavainis ir red bull')" value="pick me">
  
  <hr>
  <p id="rezultats"></p>
</form>

<script>
function dati() {
  let vards = document.getElementById("fname").value;
  let email = document.getElementById("email").value;
  let parole = document.getElementById("pwd").value;
  let birthday = document.getElementById("birthday").value
  document.getElementById("rezultats").innerHTML =
    "vards: " + vards + "<br>" +
    "email: " + email + "<br>" +
    "parole: " + parole + "<br>" +
    "birthday: " + birthday;
}
function mainit() {
  const elem = document.getElementById("manateksts");
  elem.innerHTML = "Uzredzēšanos!";
}
</script>
</body>
</html>
