рассчет удельной доли масла для двухтактных двигателей
В редакторе
рассчет удельной доли масла для двухтактных двигателей
Brain_Script
547
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>
Войдите для добавления комментария.