53 lines
918 B
HTML
53 lines
918 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
|
|
<body>
|
|
<h2>Product Listing</h2>
|
|
<table border="0" width="100%">
|
|
<tr>
|
|
<td>
|
|
<img src="./carrot.jpeg" width="150">
|
|
<p>Carrot</p>
|
|
</td>
|
|
<td>
|
|
<img src="./beans.jpg" width="150">
|
|
<p>Beans</p>
|
|
</td>
|
|
<td>
|
|
<img src="./potato.jpg" width="150">
|
|
<p>Potato</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<img src="./tomato.jpg" width="150">
|
|
<p>Tomato</p>
|
|
</td>
|
|
<td>
|
|
<img src="./brinjal.jpg" width="150">
|
|
<p>Brinjal</p>
|
|
</td>
|
|
<td>
|
|
<img src="./pumpkin.webp" width="150">
|
|
<p>pumpkin</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<script>
|
|
|
|
document.querySelectorAll('td').forEach(function (vege) {
|
|
vege.onclick = () => {
|
|
alert('added');
|
|
}
|
|
});
|
|
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|