Advertisement
fcamuso

Corso recupero Javascript - video 12

Jan 6th, 2023
1,516
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.   <meta charset="UTF-8">
  5.   <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.   <title>Document</title>
  8. </head>
  9. <body>
  10.   <input type="text" id="numero"> <button>Crea Paragrafi</button>
  11.  
  12.   <script>
  13.     let cont=0;
  14.    
  15.     document.querySelector("button").addEventListener("click", function () {
  16.       const numero = parseInt(document.getElementById("numero").value);
  17.  
  18.       // let puntoInserimento=this;
  19.       // if (numero!=NaN && numero>0)
  20.       //   for (let i=0; i<numero; i++)
  21.       //   {
  22.       //     let p = document.createElement("p");
  23.       //     p.textContent = "paragrafo n. " + (++cont);
  24.       //     puntoInserimento.insertAdjacentElement("afterend", p);
  25.       //     puntoInserimento=p;
  26.       //   }
  27.  
  28.       //oppure (senza puntoInserimento)
  29.       if (numero!=NaN && numero>0)
  30.       {
  31.         for (let i=cont; i<cont+numero; i++)
  32.           {
  33.             let p = document.createElement("p");
  34.             p.textContent = "paragrafo n. " + (i+1);
  35.             document.body.insertAdjacentElement("beforeend", p);
  36.           }
  37.         cont+=numero;
  38.        
  39.         document.getElementById("numero").value="";
  40.         document.getElementById("numero").focus();
  41.  
  42.       }
  43.  
  44.     })
  45.   </script>
  46. </body>
  47. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement