Как вы можете складывать и умножать значения текстового поля в javascript? - PullRequest
Новая
       4

Как вы можете складывать и умножать значения текстового поля в javascript?

0 голосов
/ 01 августа 2020

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

Ответы [ 3 ]

0 голосов
/ 01 августа 2020

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

document.addEventListener("change", myScript);

function myScript(){

var texts = document.getElementsByTagName('textarea');

var cnt = 0;
for(let i = 0;i<3;i++){
   if(!isNaN(texts[i].value) && texts[i].value!='')cnt++;
   console.log(cnt);
}

if(cnt == 3){
texts[3].value = (parseFloat(texts[0].value)+parseFloat(texts[1].value))*parseFloat(texts[2].value);
}

}
<textarea id='a1'></textarea>
<textarea id='a2'></textarea>
<textarea id='a3'></textarea>
<textarea id='a4'></textarea>
0 голосов
/ 02 августа 2020 

<center>
<input type="text" id="t1" name="fname"><br>
<input type="text" id="t2" name="lname"><br>
<input type="text" id="t3" name="lname"><br>
<input type="button" onclick="script:
 var out=t1.value+t2.value*t3.value;
 alert(out);
 "value="Test It Out!!">
</center>
0 голосов
/ 01 августа 2020

Неясно.

Вы можете присвоить трем текстовым полям идентификатор и создать переменную. 

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
</head>
<body>
<input id="firsttextbox"></input>
<input id="secondtextbox"></input>
<input id="thridtextbox"></input>
<button onclick="calculate()">Calculate</button>
</body>
</html>

var firstTextbox = document.getElementById('firsttextbox'); 
var secondTextbox = document.getElementById('secondtextbox');
var thirdTextbox = document.getElementById('thirdtextbox');

Добавьте значение firstTextbox и значение secondTextbox, а затем умножьте на третье текстовое поле 

function calculate() {
var sum = firstTextbox.value + secondTextbox.value;
var final = sum * thirdTextbox.value;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...