JavaScript Object Methods

Javascript Web Development Object Oriented Programming

JavaScript Object Methods are the actions that can be performed on objects.

Following is the code showing methods present in object in JavaScript −

Example

<!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;
   }
   .sample {
      font-size: 18px;
      font-weight: 500;
      color: red;
   }
</style>
</head>
<body>
<h1>JavaScript Object Methods</h1>
Enter your Name <input type="text" class="name" /> Enter your Age
<input class="age" type="number" />
<div class="sample"></div>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above button to see if you are a legal adult or not
</h3>
<script>
   let sampleEle = document.querySelector(".sample");
   let nameEle = document.querySelector(".name");
   let AgeEle = document.querySelector(".age");
   document.querySelector(".Btn").addEventListener("click", () => {
      let testObj = {name: nameEle.value, age: AgeEle.value,checkAdult() {
            if (this.age >= 18) {
               sampleEle.innerHTML = this.name + " you are a legal adult ";
         } else
            sampleEle.innerHTML = this.name + "you are not a legal adult ";
         },
      };
      testObj.checkAdult();
   });
</script>
</body>
</html>

Output

On entering the name and age and clicking on ‘CLICK HERE’ button −

AmitDiwan

Published on 11-May-2020 14:00:36

Previous Page Print Page Next Page