2015-08-21 2 views
1

Я создал расчет javascript и хочу доставить результат в виде простого текста, включая result.value.Получить результат вычисления javascript как обычный текст?

Однако мне просто удалось сделать это в форме <input>.

Это мой код:

Javascript:

function doSum() { 
    var schritthoehe = document.getElementById("schritthoehe").value; 
    var sum = schritthoehe * 0.66; 

    document.getElementById("ergebnis").value = sum; 
    } 

Html:

<body> 
<form name="form1" method="post" action=""> 
<input type="text" id="schritthoehe"> 
<input type="button" value="Summieren" onClick="doSum();"> 
Ergebnis: <input type="text" id="ergebnis" disabled> 
</form> 
</body> 
+0

Не забывайте, что 'document.getElementById (" schritthoehe "). Value' является строкой, а не числом. –

+1

@ Mike'Pomax'Kamermans '*' делает принуждение – havenchyk

+0

@margsenjo пытается создать диапазон, а затем использовать textContent диапазона – havenchyk

ответ

1

Чтобы вывести результат в виде простого текста вместо использования элемента ввода, вы можете использовать span и установить его textContent. Ниже приведен пример.

Предыдущее решение использовано innerHTML, но я провел некоторое исследование и обнаружил, что textContent более семантический и предлагает немного лучшую производительность.

Рабочая Демо:

function doSum() { 
 
    var schritthoehe = document.getElementById("schritthoehe").value; 
 
    var sum = schritthoehe * 0.66; 
 

 
    document.getElementById("ergebnis").textContent = sum; 
 
}
<form name="form1" method="post" action=""> 
 
<input type="text" id="schritthoehe"> 
 
<input type="button" value="Summieren" onClick="doSum();"> 
 
    Ergebnis: <span id="ergebnis"></span> 
 
</form>

1

Вы могли бы ergebnis быть в output элемент, такой как пустой <div id="ergebnis"></div> и установить его .textContent недвижимость , это, вероятно, самый близкий, который вы можете получить:

function doSum() { 
    var schritthoehe = document.getElementById("schritthoehe").value; 
    var sum = schritthoehe * 0.66; 

    document.getElementById("ergebnis").textContent = sum; 
} 
0

Я не знаю, если это то, что вы ищете.

Но вы можете использовать функцию innerHTML:.

document.getElementById ("Div-ID") innerHTML = сумма;

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