рассчет удельной доли масла для двухтактных двигателей

В редакторе

рассчет удельной доли масла для двухтактных двигателей

Brain_Script
1321
2020-07-29 05:55:50
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width = device-width, initial-scale = 1.0"> <meta http-equiv="X-UA-Compatible" content = "ie=edge"> <script src="https://code.jquery.com/jquery-3.5.1.min.js?v=1"></script> <title> Keat </title> </head> <body> <style> *{ margin:0; padding:0; font-weight: 700; } table{ margin: auto; background: #ccc; padding: 5px 10px; } .result{ margin: auto; text-align: center; width: 244px; } .r1{ display: inline-block; background: #ff9300; padding: 5px; } .r2{ display: inline-block; background: #dde7eb; padding: 5px; width: 195px; } .r3{ display: block; padding: 5px; background: #20c95b; color: aliceblue; font-size: 20px; } input{ padding:5px 10px; } select{ padding: 4.5px; } </style> <table> <tr> <td>Бензин <!--<img src="1.png" alt="Бензин">--></td> <td>Масло <!--<img src="2.png" alt="Масло">--></td> </tr> <tr> <td><input type="number" class="benzin" value="1"></td> <td> <select class="maslo"> <option>25</option> <option>30</option> <option>35</option> <option>40</option> <option>45</option> <option>50</option> </select> </td> </tr> </table> <div class='result'>Результат</div> <script> $(document).ready(function(){ $('table').on('input', function(){ var benzin = $('.benzin').val(); var maslo = $('.maslo').val(); var result = benzin/maslo*1000; $('.result').html("<p class='r1'>1/" + maslo + "<p class='r2'> НА "+ benzin +"Л Нужно</p> <br> <p class='r3'>" + result + " грамм масла</p></p>"); }) }); </script> </body> </html>
Войдите для добавления комментария.
Нет комментариев
Яндекс.Метрика Яндекс.Метрика