2015-12-14 1 views
0

Я хочу взять один var = input и добавить для eg: 5 к этому входу, а затем я хотел бы напечатать мой вход в мой HTML-файл.Как вывести свой вклад с ответом на JavaScript

Например: (я знаю о соответствии getElementbyId с, я просто проблемы с отображением мой ответ и добавления

<script> 
    funtion printmsg(){ 
    var a = document.getElementById("myInput").value; 
    var b = a+5; 
    return b; 
     /*i would like to keep my p[rogram going and appending the answers until i tell the program to stop.*/ 
     </script> 
<body> 
     <input id="myinput"> 
     <button onclick="printmsg">print</button> 
     <span id="display"></span> 

    </body> 
+0

выход на какой-то элемент или? только выход только. если выход только пробуждает предупреждение (b); –

+0

Возможно, это поможет вам использовать HTML-код, отчасти это будет зависеть от конкретного ответа. –

+0

Я хочу сделать это в своем html не в окне, я пробовал делать innerHTML = b; –

ответ

1

Если вы хотите добавить еще один элемент ввода на странице, когда кнопка. щелкнул, сделать что-то вроде этого:

<body> 
<div id="inputList"> 
<input type="text" id="myInput" /> 
</div> 
</body> 

<script> 
var theDiv = document.getElementById('inputList'); 
var newInput = document.createElement('input'); 
var a = document.getElementById('myInput').value; 
var b = Number(a) + 5; 
newInput.value = String(b); 
theDiv.appendChild(newInput); 
</script> 

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

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

<script> 
var theDiv = document.getElementById('inputList'); 
var a = document.getElementById("myInput"); 
var printmsg = function() { 
    var newInput = document.createElement('input'); 
    var b = Number(a.value) + 5; 
    newInput.value = String(b); 
    theDiv.appendChild(newInput); 
    a = newInput; 
}; 
</script> 
+0

Почему вы никогда не ссылаетесь на myInput, что вы фактически вводите информацию? –

+0

его немного более ясно теперь, как вы называете список ввода div и фактическое поле ввода? –

+0

Я только что создал div, чтобы у меня было что-то, чтобы добавить новые элементы ввода. – cvkline

3

Вы можете рассмотреть вопрос об использовании имущества onkeyup, по существу, каждый раз, когда вы введите символ в поле ввода (используя клавиатуру). назначенная функция (myFunc в этом случае) будет вызываться.

function myFunc(elem) { 
 
    console.log(elem.value); 
 
    // use Number to parse number string to a number 
 
    input = new Number(elem.value); 
 
    output = input + 5; 
 
    document.getElementById('out').value = output; 
 
}
<p>input</p> 
 
<input id="in" type="text" onkeyup="myFunc(this)"></input> 
 
<p>answer</p> 
 
<input id="out" type="text"></input>

+0

. ive никогда не использовать onkeyup, что он делает? –

+0

Это событие, в этом случае, каждый раз, когда вы нажимаете клавишу (на клавиатуре, когда у вас выбран вход), назначается назначенная функция. Вы можете прочитать об этом здесь http://www.w3schools.com/jsref/event_onkeyup.asp –

+0

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

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