Facebook
From Flying Hedgehog, 4 Years ago, written in HTML5.
Embed
Download Paste or View Raw
Hits: 194
  1. <!DOCTYPE html>
  2.     <title>Test</title>
  3.     <meta charset="utf-8"/>
  4.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  5. </head>
  6.     <input type="text" id="1"><br>
  7.         <input type="text" id="2"><br>
  8.         <div id="suma"> tu bedzie suma</div>
  9.          
  10.  
  11.     <script type="text/javascript">
  12.  
  13.  
  14.         document.addEventListener('DOMContentLoaded',function(){
  15.                  let pierwszy = document.getElementById("1");
  16.                 let drugi = document.getElementById("2");
  17.                 let suma = document.getElementById("suma");
  18.                 suma.innerHTML = (pierwszy.value) + (drugi.value);
  19.    
  20.  sumowanie();
  21.  
  22. });
  23.  
  24. function sumowanie(){
  25. let pierwszy = document.getElementById("1");
  26.  let drugi = document.getElementById("2");
  27. let suma = document.getElementById("suma");
  28.  
  29.           pierwszy.addEventListener('blur',function(){
  30.  
  31.      if (pierwszy.value !='') {
  32.              console.log('dziala');
  33.          }
  34.          else{ alert('wpisz liczbe');}
  35.       });
  36.  
  37.          drugi.addEventListener('blur',function(){
  38.  
  39.      if (drugi.value !='') {
  40.          
  41.  
  42.                 let warpierwszy = parseInt(pierwszy.value);
  43.                 let wardrugi = parseInt(drugi.value);
  44.                  suma.innerHTML = (warpierwszy+wardrugi);
  45.  
  46.          console.log('dziala');
  47.          }
  48.           else{
  49.                 alert('wpisz liczbe');
  50.             }
  51.       });
  52.  
  53.  }
  54.  
  55.     </script>
  56.  
  57. </body>
  58. </html>