Syntax error JavaScript code to print last element of an array

JavaScript code to print last element of an array

Following is the code to print last element of an array −

Example

 Live Demo

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .result,.sample {
      font-size: 18px;
      font-weight: 500;
      color: rebeccapurple;
   }
   .result {
      color: red;
   }
</style>
</head>
<body>
<h1>JavaScript code to print last element of an array.</h1>
<div class="sample"></div>
<div class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to get the last element of the above array</h3>
<script>
   let resEle = document.querySelector(".result");
   let sampeEle = document.querySelector(".sample");
   let arr = ["A", 1, 2, 3, "B", "D"];
   sampeEle.innerHTML = 'arr = '+arr;
   document.querySelector(".Btn").addEventListener("click", () => {
      resEle.innerHTML = "Last element of the array arr = " + arr.pop();
   });
</script>
</body>
</html>

Output

The above code will produce the following output −

On clicking the ‘CLICK HERE’ button −

Updated on: 2020-07-18T08:11:05+05:30

221 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements