June 24, 2020

How to Find the Sum of Numbers in an Array in Javascript

By Krishnaa JavaScript Questions 0 Comments

How to Find the Sum of Numbers in an Array in Javascript

In this video tutorial, you will learn how to find the sum of numbers in an array in javascript.

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="style.css">
    <title>Document</title>
</head>
<body>
    
    <div>
        <button>Get</button>
        <h1>Result</h1>
    </div>
    <script src="script.js"></script>
</body>
</html>

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

<div>

<h1>Result</h1>

</div>

</body>

</html>

CSS:

body {
    text-align: center;
}

div {
    display: inline-block;
}

button {
    display: inline-block;
    padding: 10px 20px;
}

body {

text-align: center;

}

div {

display: inline-block;

}

button {

display: inline-block;

padding: 10px 20px;

}

Javascript:

let btnGet = document.querySelector('button');
let result = document.querySelector('h1');

let numbers =  [ 10, 20, 30, 40];

btnGet.addEventListener('click', () => {
    result.innerText = numbers.reduce((total, current) =>  total + current, 0);
});