Guest User

Kalkulator mellom W og Kwh

a guest
May 26th, 2017
375
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.68 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Kalkulator for omgjøring mellom Watt og KWh</title>
  6. <style>
  7. #inpKw{
  8. margin-left: 15px;
  9. }
  10. #inpW{
  11. margin-left: 9px;
  12. }
  13. #inpKwh{
  14. margin-left: 7px;
  15. }
  16. </style>
  17. </head>
  18. <body>
  19. <h1>Kalkulator for omgjøring mellom Watt og Kwh</h1>
  20. <form id="frm">
  21. Watt: <input id="inpW" type="number">
  22. <br>
  23. Timer: <input id="inpTimer" type="number">
  24. <br>
  25. Kw: <input id="inpKw" type="number" disabled>
  26. <br>
  27. Khw: <input id="inpKwh" type="number">
  28. <br>
  29. <button id="btnSubmit">Regn om!</button>
  30. </form>
  31. <button id="ca">Reset</button>
  32. <script>
  33. let frm = document.getElementById("frm");
  34. let inpW = document.getElementById("inpW");
  35. let inpKw = document.getElementById("inpKw");
  36. let inpKwh = document.getElementById("inpKwh");
  37. let inpTimer = document.getElementById("inpTimer");
  38. let btnSubmit = document.getElementById("btnSubmit");
  39. let ca = document.getElementById("ca");
  40.  
  41. frm.onsubmit = function (evt) {
  42. evt.preventDefault();
  43. if(inpKwh.value === ""){
  44. inpKwh.value = (inpW.value * inpTimer.value) / 1000;
  45. inpKw.value = inpW.value / 1000;
  46. }else if(inpW.value === ""){
  47. inpW.value = (inpKwh.value * 1000)/inpTimer.value;
  48. inpKw.value = inpKwh.value/inpTimer.value;
  49. }
  50. };
  51. ca.onclick = function () {
  52. inpKw.value = "";
  53. inpW.value = "";
  54. inpKwh.value = "";
  55. inpTimer.value = "";
  56. }
  57. </script>
  58. </body>
  59. </html>
Advertisement
Add Comment
Please, Sign In to add comment