Xác định phần tử được click khi tạo danh sách từ mảng trong JavaScript

Để biết phần tử nào được click, bạn có thể sử dụng addEventListener().

Ví dụ

Mã nguồn:

<!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Document</title> </head> <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> <body> </body> <script>    var addButton;    for (let i = 0; i < 3; i++) {       addButton = document.createElement('button')       if (i == 0) {          addButton.innerHTML = "Javascript"          addButton.dataset.subject = "Javascript"          document.body.appendChild(addButton)       }       if (i == 1) {          addButton.innerHTML = "MySQL"          addButton.dataset.subject = "MySQL"          document.body.appendChild(addButton)       }       if (i == 2) {          addButton.innerHTML = "Java"          addButton.dataset.subject = "Java"          document.body.appendChild(addButton)       }         addButton.addEventListener('click', function (evnt) {          console.clear();          console.log('Subject ' + evnt.target.dataset.subject + ' pressed')       })    } </script> </html>

Lưu file với tên bất kỳ (ví dụ index.html) và mở với Live Server trong VS Code.

Kết quả

Giao diện ban đầu:

Nhấn vào nút bất kỳ, kết quả trên console: