Làm thế nào để gọi một hàm dưới dạng một hàm và phương thức?

Sau đây là đoạn mã về cách gọi một hàm dưới dạng một hàm và phương thức -

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;
   }
   .result{
      font-size: 20px;
      font-weight: 500;
   }
</style>
</head>
<body>
<h1>Invoke a function as function and method</h1>
<div style="color: green;" class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above button to invoke function as function and method
</h3>
<script>
   let resEle = document.querySelector(".result");
   function add(a,b){
      return a+b;
   }
   let obj = {
      firstName:'Rohan',
      lastName:'Sharma',
      welcome(){
         return 'Welcome '+this.firstName+' '+this.lastName;
      }
   }
   document.querySelector(".Btn").addEventListener("click", () => {
      resEle.innerHTML = 'Function invocation add(2,3) : ' + add(2,3) + '<br>';
      resEle.innerHTML += 'Method invocation obj.welcome() : ' + obj.welcome() + '<br>';
   });
</script>
</body>
</html>