Làm cách nào để chạy hai hoặc nhiều hàm khi sử dụng JavaScript 'onclick'?

Đầu tiên chúng ta hãy đặt một nút -

<button type="submit" onclick="callTwoOtherFunctions()"> Call </button>

Ở trên, chúng tôi đã đặt một hàm trong “onclick” để gọi hai hàm khác -

function callTwoOtherFunctions(){
   fun1();
   fun2();
}

Theo cách này, hãy làm việc với fun1 () và fun2 () như trong đoạn mã hoàn chỉnh bên dưới -

Ví dụ

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<button type="submit" onclick="callTwoOtherFunctions()"> Call
</button>
<script>
   function callTwoOtherFunctions(){
      fun1();
      fun2();
   }
   function fun1(){
      console.log("Function1()")
   }
   function fun2(){
      console.log("Function2()")
   }
</script>
</body>
</html>

Để chạy chương trình trên, hãy lưu tên tệp “anyName.html (index.html)” và nhấp chuột phải vào tệp. Chọn tùy chọn “Mở bằng Máy chủ Trực tiếp” trong trình chỉnh sửa Mã VS.

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Làm cách nào để chạy hai hoặc nhiều hàm khi sử dụng JavaScript onclick ?

Khi bạn nhấp vào nút Gọi, bạn sẽ nhận được kết quả sau. Ảnh chụp nhanh như sau -

Làm cách nào để chạy hai hoặc nhiều hàm khi sử dụng JavaScript onclick ?