Advertisement
Guest User

xdxdxd

a guest
Dec 13th, 2018
80
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.21 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8"/>
  5. <title>JS Zadanie</title>
  6. <style>
  7. body {font-family: Verdana; font-size: 12px;width:100%;margin: 0 auto;margin-top:20px;}
  8. div {border: 1px solid black; padding: 3px; margin: 0 auto;width:70%;}
  9. .przyklad {background-color: yellow; font-style: italic;}
  10. span {color: blue}
  11. .text {font-size:16px;color:blue;font-weight:700;}
  12. .text2{font-size:13px;color:blue;}
  13. ul {margin-top: 0px}
  14. #error{color:red;}
  15. </style>
  16. </head>
  17.  
  18. <body>
  19. <div>tu cos opisz
  20. <input type="number" id="wysokosc" placeholder="Wysokość"><br><br>
  21. <input type="number" id="podstawa" placeholder="Pole podstawy"><br><br>
  22. tu wklej obrazek
  23. <input type="button" id="button" onclick ="wykonaj();" value="Oblicz"></input><br><br>
  24. <span id="error"></span>
  25.  
  26. </div>
  27.  
  28. <script>
  29.  
  30. function wykonaj(){
  31. document.getElementById('error').innerHTML = "Pole ostroslupa wynosi: " + oblicz();
  32. }
  33. function oblicz(){
  34. var wysokosc = document.getElementById('wysokosc').value;
  35. var podstawa = document.getElementById('podstawa').value;
  36.  
  37. return wysokosc * podstawa * 1/3;
  38. }
  39. </script>
  40.  
  41.  
  42. </body>
  43.  
  44. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement