Enter a number and write a function that adds the digits together on button click in JavaScript

We are required to write a JavaScript program that provides users an input to fill in a number.

And upon filling when the user clicks the button, we should display the sum of all the digits of the number.

Example

The code for this will be −

JavaScript Code −

function myFunc() {
   var num = document.getElementById('digits').value;
   var tot = 0;
   num.split('').forEach( function (x) {
      tot = tot + parseInt(x,10);
   });
document.getElementById('output').innerHTML = tot;
}

HTML Code −

<input id="digits" />
<button onClick="myFunc()">Submit</button>
<div id="output"></div>

Output

And the output will be &miuns;

After clicking “Submit” −

AmitDiwan

Updated on 24-Nov-2020 11:04:53

• Related Questions & Answers
• JavaScript Sum function on the click of a button
• JavaScript Trigger a button on ENTER key
• How to trigger a button click on keyboard "enter" with JavaScript?
• Trigger a button click and generate alert on form submission in JavaScript
• How to hide a div in JavaScript on button click?
• Call the same function when clicking a Button and pressing Enter in Tkinter
• How to call a JavaScript function on click?
• How to call a JavaScript function on a click event?
• How to add and remove names on button click with JavaScript?
• Display array items on a div element on click of button using vanilla JavaScript
• Add a pressed effect on button click with CSS
• How could I write a for loop that adds up all the numbers in the array to a variable in JavaScript?
• How to click on a button with Javascript executor in Selenium with python?
• How do you make a button that adds text in HTML <input>?
• How to close JFrame on the click of a Button in Java