문제상황: 쓰레기통 버튼 클릭이 비활성화입니다.
강의랑 코드가 같은데 위 아래 두개다 작동이 안됩니다.
<!-- <span onclick="fetch('/item?id=[[${i.id}]]',{method:'DELETE'})">🗑️</span>-->
<span th:onclick="fetch('/item?id=[[${i.id}]]', { method : 'DELETE' } )">🗑️</span>
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link href="./main.css" rel="stylesheet">
</head>
<body>
<div th:replace="~{nav.html::navbar}"></div>
<div class="card" th:each="i:${items}">
< img src="https://placehold.co/300">
<div>
<h4 th:text="${i.title}">바지</h4>
<a th:href="@{'/detail/'+${i.id}}">링크</a>
<p th:text="${i.price}">7억</p>
<a th:href="@{'/edit/'+${i.id}}">✏️</a>
<!-- <span onclick="fetch('/item?id=[[${i.id}]]',{method:'DELETE'})">🗑️</span>-->
<span th:onclick="fetch('/item?id=[[${i.id}]]', { method : 'DELETE' } )">🗑️</span>
</div>
</div>
<!--<script> 버튼 클릭시 자료출력-->
<!-- document.querySelectorAll('.btn')[0]?.addEventListener('click',function (){-->
<!-- fetch('/test1',{-->
<!-- method: 'POST',-->
<!-- headers: {'Content-Type': 'application/json'},-->
<!-- body: JSON.stringify({name: 'kim'})-->
<!-- })-->
<!-- });-->
<!--</script>-->
</body>
</html>
