How to Check if All Values in an Array are Equal in Javascript

In this video tutorial, you will learn how to check if all values in an array are equal 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>Check</button>
        <h1>Result</h1>
    </div>

    <script src="script.js"></script>
</body>
</html>

 

CSS:

body {
    text-align: center;
}

div {
    display: inline-block;
}

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

 

Javascript:

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

let users = ['Peter', 'Marks'];

btnCheck.addEventListener('click', () => {
    let isEqual = users.every(user => user == users[0]);

    result.innerText = isEqual ? 'True' : 'False';
});

 

  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •