сложение, вычитание, деление, умножение десятичных дробей

Для JavaScript:сложение, вычитание, деление, умножение десятичных дробей

var add = function(calculate){ 
var number1 = document.getElementById('number1').value; 
    var number2 = document.getElementById('number2').value; 
document.getElementById('calculate').innerHTML= parseInt(number1) + parseInt(number2); 
}; 

var subtraction = function(calculate){ 
    var number1 = document.getElementById('number1').value; 
    var number2 = document.getElementById('number2').value; 
    document.getElementById('calculate').innerHTML= parseInt(number1) - parseInt(number2); 
}; 

var multiply = function(calculate){ 
    var number1 = document.getElementById('number1').value; 
    var number2 = document.getElementById('number2').value; 
    document.getElementById('calculate').innerHTML= parseInt(number1) * parseInt(number2); 
}; 

var divide = function(calculate){ 
    var number1 = document.getElementById('number1').value; 
    var number2 = document.getElementById('number2').value; 
    document.getElementById('calculate').innerHTML= parseInt(number1)/parseInt(number2); 
};

Для HTML:

<!DOCTYPE html> 
<html> 
<head> 
    <link rel="stylesheet" href="cool.css"/> 
    <script src="calculator.js"></script> 
    <body> 
    <div id="box" style="width: 800px; height: 400px; border: 2px solid #000;"> 
     <div id="enter1"> 
     <p>Number 1: <input id='number1' value="ENTER 1"type="number"></p> 
     </div> 
     <div id="enter2"> 
     <p>Number 2: <input id='number2' type="number" value="ENTER 2"></p> 
     </div> 
     <button id="add"onclick='add()' style="font-size: 25px; background-color: #00B85C">ADD</button> 
     <button id="sub" onclick='subtraction()' style="font-size: 25px; background-color: #FF6600;">SUBTRACT</button> 
     <button id="multi"onclick='multiply()' style="font-size: 25px; background-color: #2E8AE6">MULTIPLY</buuton> 
     <button id="div"onclick='divide()' style="font-size: 25px; background-color: #CC6699;">DIVIDE</button> 
     </div> 
     <div id="box2" style="width: 800px; heigth: 600px; border 2px solid #000;"> 
     <p id='calculate'>ANSWER HERE</p> 
     </div> 
    </body> 
    </head> 
</html>

'Number1' и 'Number2' имена для ввода тегов в HTML. Я забываю причину, по которой я вставил «вычислять» в качестве параметра; если вы считаете, что это не нужно, не могли бы вы объяснить, почему (это помогает мне понять код больше ;))

«Расчет», однако, это идентификатор, который я дал тегу абзаца, где будет отображаться ответ.

Я хочу добавить (не хочу записывать остальное) с десятичными знаками. Прямо сейчас он просто добавляет целые числа. Как я могу это сделать?

источник

2015-01-05 Carlos Carlsen

Вы заменяете 'parseInt'' parseFloat' – adeneo

Для чего вам нужен параметр 'calculate'? –

@adeneo (относительно вашего ответа) Что делает 'parseFloat'? –

parseInt возвращает только целые значения. Вам нужно использовать parseFloat.

Также, при использовании parseInt, рекомендуется передать значение радиуса (например, parseInt(text, 10);). parseFloat не нуждается в этом.

источник

2015-01-05 22:59:58

Что делает 'parseFloat'? Что касается 'parseInt': зачем мне вставлять параметр' text' и '10'? Спасибо за помощь. –

Он превращает строковое представление десятичного значения в объект «Число» с базовым типом с большей точностью, чем целое число (то есть 'parseInt' будет возвращать только целочисленные значения,' parseFloat' может возвращать десятичные значения). 'text' не является фактическим параметром, он был заполнителем. Вместо этого вы использовали бы строку или другую переменную. Радиус '10' говорит« давайте работать в базе-10 ». Хорошая практика заключается в том, чтобы указать, что он неправильно отображает числа в разных форматах, таких как восьмеричные. –

Oooooohhh ... ok! Спасибо за помощь! Я очень ценю это! –

сложение, вычитание, деление, умножение десятичных дробей

ответ

Смежные вопросы