metalni

acka js

Jun 13th, 2021
763
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.     <title>MaxMin</title>
  6.     <style type="text/css">
  7.         div{
  8.             margin-bottom: 10px;
  9.         }
  10.     </style>
  11. </head>
  12. <body>
  13.     <div id="container">
  14.     </div>
  15.     <div>
  16.         <input class="numbers" type="text" id="inp">
  17.         <input type="button" value="Избриши">
  18.     </div>
  19.     <div>
  20.         <input type="button" value="Додади" onclick="add();">
  21.     </div>
  22.     <div>
  23.         <input type="button" value="Пресметај" onclick="calculate();">
  24.     </div>
  25.     <div>
  26.         <span id="average"></span>
  27.         <span id="max"></span>
  28.         <span id="min"></span>
  29.     </div>
  30. <script>
  31.     function add() {
  32.         var inp = document.createElement('input');
  33.         inp.setAttribute('type','text');
  34.         inp.setAttribute('class','numbers');
  35.         var btn = document.createElement('input');
  36.         btn.setAttribute('type','button');
  37.         btn.setAttribute('value','Избриши');
  38.         document.getElementById('container').appendChild(inp);
  39.         document.getElementById('container').appendChild(btn);
  40.     }
  41.     var max = 0 ;
  42.     var min = 999999;
  43.     var sum =0;
  44.     var length;
  45.     function calculate() {
  46.         var fields = document.getElementsByClassName('numbers');
  47.         length = fields.length;
  48.         for(var i = 0 ; i < fields.length ; i++){
  49.             if(fields[i].value > max){
  50.                 max = fields[i].value;
  51.             }
  52.             if(fields[i].value < min){
  53.                 min = fields[i].value;
  54.             }
  55.             sum += parseInt(fields[i].value);
  56.             console.log(sum);
  57.         }
  58.  
  59.         document.getElementById('average').innerHTML = "Просек: " + sum/length;
  60.         document.getElementById('max').innerHTML = "Максимум: " + max;
  61.         document.getElementById('min').innerHTML = "Минимум: " + min;
  62.     }
  63. </script>
  64. </body>
  65. </html>
  66.  
RAW Paste Data