How to Trigger event to change value in Input Box?

Question

I am attempting to learn HTML and Javascript, and with this, I am working on building a simple calculator device, where all of the numbers and operators are buttons that are clicked, and the results are displayed in an input box. However I have had issues with, when clicking on the buttons, having the events trigger to display the selected numbers value in the box.

Here is my HTML and JS:

var numString = "";

$('.number').click(function() {  
  numString += $(this).val().toString;
  $('input[name=display]').val(numString);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="display" name="display" disabled></input>
<button id="button1" class="number" value="1">1</button>

You have to clear inside click function like numString = "" else it will add whenever you click button — Yogesh
– Yogesh, Commented Sep 10, 2017 at 7:58

Niladri · Accepted Answer · 2017-09-10 08:02:04Z

2

Try with the below code . it should be .toString() instead of .toString

var numString = "";
$('.number').click(function() {
     numString += $(this).val().toString();
     $('input[name=display]').val(numString);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="display" name="display" disabled></input>

<button id="button1" class="number" value="1">1</button>

answered Sep 10, 2017 at 8:02

Niladri

5,9922 gold badges27 silver badges45 bronze badges

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

1 Comment

Niladri Over a year ago

@Professor_Joykill did you try running the snippet above?

Viller · Accepted Answer · 2017-09-10 08:03:19Z

1

You have a type in $(this).val().toString toString is a function, I believe the intention was to call it like this $(this).val().toString()

After fixing toString, your code would produce 1 -> 11 -> 111...

answered Sep 10, 2017 at 8:03

Viller

5305 silver badges19 bronze badges

Collectives™ on Stack Overflow

How to Trigger event to change value in Input Box?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related