<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>
<body>
<div style="border: 2px soild skyblue;">
<h2>사진들</h2>
<input type="image" src="./image/img01.jpg" id=img1 value="성당외부 사진입니다">
<input type="image" src="./image/img02.jpg" id=img2 value="성당내부 사진입니다">
<input type="image" src="./image/img03.jpg" id=img3 value="은행 사진입니다">
<input type="image" src="./image/img04.jpg" id=img4 value="가로등 사진입니다">
<br><br><br>
</div>
<script type="text/javascript">
$(document).ready(function() {
$("input").click(function() {
//alert("d");
let val = $(this).attr("value");
alert(val);
});
});
</script>
</body>
