Facebook
From Tinct Giraffe, 1 Year ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 110
  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.     <style>
  9.         .red{color: red;}
  10.     </style>
  11. </head>
  12. <body>
  13.     <form id="formularz" name="formularz">
  14.         Imie:<input type="text" id="im" value="imie"><br>
  15.         Nazwisko:<input type="text" id="na" value="nazwisko"><br>
  16.         Email<input type="text" id="em" value="email"><br>
  17.         Textarea:<textarea cols="30" rows="10" id="wiadomosc"></textarea><br>
  18.         <input type="button" value="button" id="send">
  19.     </form>
  20.     <div id="wynik"></div>
  21.     <script>
  22.         document.querySelector("#send").onclick=function(){
  23.             let wynik=document.querySelector("#wynik");
  24.             let imie=document.querySelector("#im").value;
  25.             let nazwisko=document.querySelector("#na").value;
  26.             let email=document.querySelector("#em").value;
  27.             let tekst='<p class="r1">'+imie+' '+nazwisko+'</p>';
  28.             tekst+='<p class="r2">'+email+'</p>';
  29.             tekst+='<p class="r3">'+wiadomosc+'</p>';
  30.             wynik.innerHTML=tekst;
  31.         }
  32.     </script>
  33. </body>
  34. </html>
  35.  
  36.