Question

96

jQuery/JavaScript adding value of a button to total onClick

rated 0 times [ 102] [ 6] / answers: 1 / hits: 23375 / 12 Years ago, tue, march 6, 2012, 12:00:00

I have a list of buttons with numeric values and a total number displayed on top of the page.

OnClicking one of the buttons (e.g. Add 100), I want the integer value of 100 to be added to the total points displayed. I want the total to update instantly versus the page having to refresh every time.

Do I have the right idea? Is this possible with JavaScript and jQuery or do I need to try something else?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

benitoh

Add To Favorites

Follow

Total Points: 150

Total Questions: 113

Total Answers: 104

Location: India

Member since Wed, Aug 26, 2020

4 Years ago

benitoh questions

1 this.$refs empty with Vue 3 Options API

Sun, Mar 21, 21, 00:00, 3 Years ago

1 Close sidebar menu when click outside of it and when click on menu item

Fri, May 22, 20, 00:00, 4 Years ago

1 TypeORM Custom Repository, select distinct values from specified column

Mon, May 4, 20, 00:00, 4 Years ago

1 How can I enable the console log in VUE-CLI during development

Tue, Dec 17, 19, 00:00, 5 Years ago

1 String interpolation in graphQL query

Mon, May 13, 19, 00:00, 5 Years ago

View All

answered 12 Years ago kurtisl · Accepted Answer

Using jquery:

http://jsfiddle.net/mYuRK/

HTML

<button value=100>100</button>

<button value=200>200</button>

<button value=300>300</button>

<div class=total></div>

JS

var theTotal = 0;

$('button').click(function(){

   theTotal = Number(theTotal) + Number($(this).val());

    $('.total').text(Total: +theTotal);        

});



$('.total').text(Total: +theTotal);