Computer >> Máy Tính >  >> Lập trình >> Javascript

Phương thức đối tượng JavaScript

Phương thức đối tượng JavaScript là các hành động có thể được thực hiện trên các đối tượng.

Sau đây là đoạn mã hiển thị các phương thức có trong đối tượng trong JavaScript -

Ví dụ

<!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>

Đầu ra

Phương thức đối tượng JavaScript

Khi nhập tên và tuổi và nhấp vào nút ‘BẤM VÀO ĐÂY’ -

Phương thức đối tượng JavaScript