11/23
아직 뼈대가 완성되지 않아서 오늘도 혼자서 연습해봤다
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>Form Events</h1>
<form action="/dogs" id="instaForm">
<script type="text/javascript" src="/js/completeCode.js"></script>
<input type="text" name="username" placeholder="username"/>
<input type="text" name="comment" placeholder="comment"/>
<button>Post Comment</button>
</form>
<h2>Comments:</h2>
<ul id="comments"></ul>
</form>
</body>
</html>
js
const instaForm = document.querySelector("#instaForm");
instaForm.addEventListener("submit", function (e) {
alert("SUBMIT!!");
console.log("####### test ########");
e.preventDefault();
});const instaForm = document.querySelector("#instaForm");
instaForm.addEventListener("submit", function (e) {
e.preventDefault();
const usernameInput = document.querySelectorAll("input")[0];
const commentInput = document.querySelectorAll("input")[1];
console.log(usernameInput.value, commentInput.value);
});이렇게 했는데 지금 코멘트에 안들어가가 지구 내일 튜너님에게 여쭤봐야지 싶다.. 왜안되는지 모르겠다