JavaScript: рассчитать умножение и деление двух чисел

Последнее обновление 9 февраля 2019 08:31:54 (UTC / GMT +8 часов)

script1adsense2code

script1adsense3code

JavaScript Basic: упражнение 10 с решением

Напишите программу на JavaScript для вычисления умножения и деления двух чисел (ввод от пользователя).

Образец формы:

Иллюстрированная презентация:

Пример решения:

HTML-код:

<!DOCTYPE html>
<html> 
<head>
<meta charset=utf-8 />
<title>JavaScript program to calculate multiplication and division of two numbers </title>
<style type="text/css">
body {margin: 30px;}
</style> 
</head>
<body>
<form>
1st Number : <input type="text" id="firstNumber" /><br>
2nd Number: <input type="text" id="secondNumber" /><br>
<input type="button" onClick="multiplyBy()" Value="Multiply" />
<input type="button" onClick="divideBy()" Value="Divide" />
</form>
<p>The Result is : <br>
<span id = "result"></span>
</p>
</body>
</html>

Код JavaScript:

function multiplyBy()
{
        num1 = document.getElementById("firstNumber").value;
        num2 = document.getElementById("secondNumber").value;
        document.getElementById("result").innerHTML = num1 * num2;
}
function divideBy() 
{ 
        num1 = document.getElementById("firstNumber").value;
        num2 = document.getElementById("secondNumber").value;
document.getElementById("result").innerHTML = num1 / num2;
}

Объяснение:

document.getElementById (id) .value: свойство value устанавливает или возвращает значение атрибута value текстового поля.

document.getElementById ("result"). innerHTM: свойство innerHTML устанавливает или возвращает содержимое HTML (внутренний HTML) элемента.

Версия ES6:

function multiplyBy()
{
        num1 = document.getElementById("firstNumber").value;
        num2 = document.getElementById("secondNumber").value;
        document.getElementById("result").innerHTML = num1 * num2;
}
function divideBy() 
{ 
        num1 = document.getElementById("firstNumber").value;
        num2 = document.getElementById("secondNumber").value;
document.getElementById("result").innerHTML = num1 / num2;
}

Демонстрация в реальном времени:

См. Pen Javascript: умножение и деление двух чисел - базовых - ex-10 на w3resource ( @ w3resource ) на CodePen .

Улучшите этот пример решения и опубликуйте свой код через Disqus

Предыдущий: Напишите программу на JavaScript для расчета количества дней, оставшихся до следующего Рождества.
Далее: Напишите программу на JavaScript для преобразования температуры в градусы Цельсия и в градусы Фаренгейта.