Автоматически объявлять пользовательскую переменную без отправки

Question

У меня есть представление, где пользователь должен установить переменную, но мне не нужно хранить переменную где-либо. Эта переменная должна использоваться в расчете. Например - пользователь вводит 5, и он автоматически объявляется как $ z. Есть ли способ сделать это?

Для более крупного примера, мы можем взять конвертируемую веб-страницу км / ч в м / с. При вводе в км / ч он автоматически показывает результаты для м / с без использования кнопки отправки.

Ожидаемый результат - пользователь вводит 5, и он объявляется как переменная без отправки. Я прочитал много одинаковых постов с вопросами, но ни одна из них мне не нужна.

Answer 1

Используйте JavaScript. Пример jQuery:

$(document).ready(function() {
    // Calculates values automatically 
    sum();
    $("#num1, #num2").on("keydown keyup", function() {
        sum();
    });
});

function sum() {
    var num1 = document.getElementById('num1').value;
    var num2 = document.getElementById('num2').value;
    var result = parseInt(num1) + parseInt(num2);
    var result1 = parseInt(num2) - parseInt(num1);
    if (!isNaN(result)) {
        document.getElementById('sum').value = result;
        document.getElementById('subt').value = result1;
    }
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form name="form" method="post" action="" >
<table>
<tr><td>Num 1:</td><td><input type="text" name="num1" id="num1" /></td></tr>
<tr><td>Num 2:</td><td><input type="text" name="num2" id="num2" /></td></tr>
<tr><td>Sum:</td><td><input type="text" name="sum" id="sum" readonly /></td></tr>
<tr><td>Subtract:</td><td><input type="text" name="subt" id="subt" readonly /></td></tr>
</table>
</form>

На самом деле, вы можете сделать это без jQuery. Я ценю, если кто-то улучшит мой код, удалив зависимость от jQuery.