Как создать кнопку «рассчитать»?

Question

У меня есть веб-страница, в которой используются некоторые переменные, которые занимают несколько секунд. Я хочу создать текстовое поле, где может быть показана сумма этих двух переменных, но проблема в том, что это текстовое поле должно задерживать бит (1-2 секунды). Я попытался использовать «document.write (var1 + var2)» внутри конкретной функции, но когда сумма готова, страница исчезает, и она показывает мне только результат (я хочу, чтобы результат отображался на той же странице). Я также пробовал с «setTimeout», и я получил тот же результат (только сумма появляется на новой странице)

Я также могу использовать кнопку, которая делает задержку и работает отлично (я знаю, как это сделать это, но я не знаю, как его отобразить), я хочу, чтобы результат отображался в текстовом поле на той же странице или как любой текст. Я видел кнопки, которые преобразуются в результат при нажатии bue снова. Я не знаю, как это сделать. Может ли кто-нибудь мне помочь? Спасибо!

Answer 1

если это ваше текстовое поле.

<input type="text" id ="myinput"> 

значения вставки в нее с помощью этого

document.getElementById("myinput").value=11233; 

аналогичны для вставки текста в любом текстовом поле добавить идентификатор и вставить с помощью getElementById

Answer 2

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

<span id='outputfield'>the result should appear here</span> 

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

setTimeout(function(){ 
    document.getElementById('outputfield').innerHTML="Your result"; 
}, 2000); 

Если вы используете JQuery, то внутренняя линия выше может быть сокращена до:

$('#outputfield').html("Your result");