2015-03-29 3 views
-1

Я пытаюсь создать простую страницу, которая принимает введенную пользователем переменную, и добавляет ее в предварительно заданную переменную. Затем я хотел бы, чтобы он отобразил ответ в нижней части страницы. Единственная команда, которую я могу найти, - document.write, и это делает целую пустую страницу, кроме ответа. Не могли бы вы помочь мне найти альтернативную команду document.write? Вот код до сих пор:Отображение переменных в javascript

<!DOCTYPE html> 
<html> 
<body> 
<script> 
var y = 0; 
var z = 10; 
var x = z; 
</script> 
<p> 
Add Numbers: 
</p> 
<input type="text" name="inpt1" id="usap1"/> 
<br/> 
<br/> 
<input type="button" value="Submit" onclick="add()"/> 
<script> 
function add() { 
var z = 9 
var y = document.getElementById('usap1').value 
var x = z; 
var z = (Number(x) + Number(y)); 
document.write(z) 
} 
</script> 
</body> 

+1

[ 'document.write'] (https://developer.mozilla.org/en-US/docs/ Web/API/document.write) уничтожает весь существующий код со страницы и открывает новый документ. Установка ['textContent'] (https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent) или [' insertAdjacentHTML() '] (https://developer.mozilla.org/ en-US/docs/Web/API/Element/insertAdjacentHTML) будет ближайшим «безопасным» методом. – Teemu

+0

создать пустой элемент p и использовать $ («anyhere»). Text (valuegoeshere) – sinanspd

+1

или не jQ 'document.getElementById (« ваш-id »). InnerHtml = z;' –

ответ

0

решение:

<!DOCTYPE html> 
<html> 
<body> 
<script> 
var y = 0; 
var z = 10; 
var x = z; 
</script> 
<p> 
Add Numbers: 
</p> 
<input type="text" name="inpt1" id="usap1"/> 
<br/> 
<br/> 
<input type="button" value="Submit" onclick="add()"/> 
<script> 
function add() { 
var z = 9 
var y = document.getElementById('usap1').value 
var x = z; 
var z = (Number(x) + Number(y)); 
document.getElementById('theEnd').innerHTML= z; 
} 
</script> 
    <span id="theEnd"></span> 
</body> 
+0

updated ........ – Legends

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