Advertisement
Guest User

hehhehe

a guest
Oct 25th, 2016
67
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <html>
  2.  
  3. <head>
  4.  
  5. <title>Конвертер единиц объёма</title>
  6.  
  7. <meta charset="utf-8"/>
  8.  
  9. <link href="bootstrap.css" rel="stylesheet" media="screen">
  10.  
  11. <script src="convertor.js"></script>
  12.  
  13. </head>
  14.  
  15. <body>
  16.  
  17. <br><br>
  18.  
  19. <div class="container" align="center">
  20.  
  21. <h1 style="align: center;">Конвертер единиц объёма </h1>
  22.  
  23. <div>
  24.  
  25. <form>
  26.  
  27. <div class="row">
  28.  
  29. <!--Перечень вход-->
  30.  
  31. <select id="sin">
  32.  
  33. </select>
  34.  
  35. <!--Перечень выход -->
  36.  
  37. <select id="sout">
  38.  
  39. </select>
  40.  
  41. </div>
  42.  
  43. <div class="row">
  44.  
  45. <input onchange="convert()" id="in" type="number"
  46.  
  47. value="0"/>
  48.  
  49. <input readonly id="out" type="number" value="0"/>
  50.  
  51. </div>
  52.  
  53. </form>
  54.  
  55. </div>
  56.  
  57. </div>
  58.  
  59. <script type="application/javascript">
  60.  
  61. init();
  62.  
  63. </script>
  64.  
  65. </body>
  66.  
  67. </html>
  68.  
  69. Скрипт выполнения:
  70.  
  71. // Инициализация selecet-елемента
  72.  
  73. function init(){
  74.  
  75. var options = ["м3", "дм3", "см3", "мм3", "литр", "миллилитр", "баррель",
  76.  
  77. "галлон", "жидкая унция", "кубический фут"];
  78.  
  79. var sin = document.getElementById("sin");
  80.  
  81. var sout = document.getElementById("sout");
  82.  
  83. }
  84.  
  85. function convert(){
  86.  
  87. var a = document.getElementById("in"); // получаем елемент с заданым
  88.  
  89. значением
  90.  
  91. var b = document.getElementById("out"); // получаем елемент для вывода
  92.  
  93. var i1 = document.getElementById("sin").selectedIndex; // с какой
  94.  
  95. размерности
  96.  
  97. var i2 = document.getElementById("sout").selectedIndex; // в какую
  98.  
  99. // зададим в порядке чему равен 1(один) м3 в каждой другой размерности, м3
  100.  
  101. - будет основная единица измерения
  102.  
  103. var array = [1, 1000, 1000000, 1000000000, 1000, 1000000, 8.648, 227,
  104.  
  105. 33810, 35.31]
  106.  
  107. // Переводим входное значение в м3
  108.  
  109. var inM3 = a.value/array[i1];
  110.  
  111. // Переводим м3 в выходное значение
  112.  
  113. b.value = inM3*array[i2];
  114.  
  115. };
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement