JSFiddle - React, Tailwind, and code Playground

by Tony Realovich

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
  <div class="extended-sum"></div>
</body>
</html>

JavaScript

const sumContainerElement = document.querySelector('.extended-sum');
const stringNumberArray = [1, 2, 3, '4'];

const extendedSum = (array) => {
	const sum = array.reduce((accumulator, currentValue) => {
  	
  	return accumulator + currentValue;
  }, 0);
  
  sumContainerElement.textContent = sum;
};

extendedSum(stringNumberArray);