Question 2
Consider the below HTML document.
index.html:
<table id ="table_id"> <tr> <th>Name</th> <th>Standard</th> </tr>
<tr> <td id = "cell_id_1">Abhishek</td> <td id = "cell_id_2">10th</td> </tr> <tr> <td id = "cell_id_3">Narendra</td> <td id = "cell_id_4">11th</td> </tr></table>
<script>document.getElementById("table_id").addEventListener("click", () =>console.log("Table Clicked !!"));
document.getElementById("cell_id_1").addEventListener("click", () =>console.log("Cell Clicked !!"));</script>Suppose you open the “index.html” file in a browser, and click on the table cell with the text “Abhishek”. Which of the following shows the correct sequence of output?