Need to display result of addition in a text box using javascript

Question

I need to create two text boxes where the user can insert number, and a button that adds them.

I need to use the .val() to bring the data from the html body, that is done.

My issue is that I don't know how to display the result in a text box, and not using the alert option.

Help!

what have you tried? - posts should include some code you have tried, and possible errors if you have any — Cory
– Cory, Commented Apr 10, 2016 at 20:58
Welcome to Stack Overflow. Please take a look at stackoverflow.com/help/how-to-ask and stackoverflow.com/help/mcve and revise your question. — Lilith Daemon
– Lilith Daemon, Commented Apr 10, 2016 at 21:22

Niet the Dark Absol · Accepted Answer · 2016-04-10 21:12:55Z

2

You need to add change listeners to your html elements and you need to run a function on change.

<input type='number' id='firstBox' onChange='calculate()' />
<input type='number' id='secondBox' onChange='calculate()' />

<input type='number' id='answerBox' />

function calculate(){
    var first = Number(document.getElementById('firstBox').value)
    var second = Number(document.getElementById('secondBox').value)

    var answer = document.getElementById('answer')
    answer.value = first + second
}

Also, I created a quick fiddle for you here, definitely check it out it will help you get acquainted.

edited Apr 10, 2016 at 21:12

Niet the Dark Absol

326k86 gold badges480 silver badges604 bronze badges

answered Apr 10, 2016 at 21:02

Peege151

1,5502 gold badges21 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Need to display result of addition in a text box using javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related