fcamuso

Javascript ES13, video 16

Jan 14th, 2022
1,087
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="it-IT">
  3. <head>
  4.   <meta charset="UTF-8">
  5.   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/css/bootstrap.min.css"
  6.         rel="stylesheet"
  7.   >
  8.   <style>
  9.     label {font-weight: bold; color: blue;}
  10.   </style>
  11.   <title>STRINGHE</title>
  12. </head>
  13. <body>
  14.   <div class="container">
  15.     <form>
  16.  
  17.       <div class="mb-3">
  18.         <label for="cognome" class="form-label">Cognome</label>
  19.         <input type="text" class="form-control bg-info bg-opacity-25" id="cognome">      
  20.       </div>
  21.  
  22.       <div class="mb-3">
  23.         <label for="peso" class="form-label">Peso (in kg)</label>
  24.         <input type="text" class="form-control bg-info bg-opacity-25" id="peso">
  25.       </div>
  26.  
  27.       <button class="btn btn-primary" id="bottone">INVIA</button>
  28.     </form>
  29.   </div>
  30.  
  31.   <script>
  32.     function gestoreClick()
  33.     {
  34.       let cognome = document.querySelector("#cognome").value;
  35.       let peso = document.querySelector("#peso").value;
  36.  
  37.       if (cognome==="")
  38.       {
  39.          if (peso==="")
  40.          {
  41.            console.log("cognome e nome sono stati lasciati vuoti");
  42.          }
  43.       }
  44.  
  45.       if (cognome==="" && peso==="")
  46.       {
  47.         console.log("cognome e nome sono stati lasciati vuoti");
  48.       }
  49.  
  50.       console.log(cognome);
  51.       console.log(peso);
  52.     }
  53.  
  54.   </script>
  55.  
  56.   <script>
  57.     //otteniamo un riferimento al bottone nel DOM
  58.     let rifBottone = document.querySelector("#bottone");
  59.  
  60.     if (rifBottone !== null)
  61.     {
  62.       rifBottone.addEventListener("click", gestoreClick);
  63.     }
  64.     else
  65.     {
  66.       alert("Elemento con id 'bottone' non trovato");
  67.     }
  68.   </script>
  69. </body>
  70. </html>
RAW Paste Data