11/22
아직 뼈대는 완성되지않아서 미리 다시 연습을 해보았는데
댓글쓰기 기능을 눌렀을때 댓글창이 나오게끔 할려고 했는데 머가 문제인지 잘 되지않아서 물어봐야겠다 내일
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<!-- 덧글 쓰기 버튼 -->
<input type='button' id="btn1" onclick="clickBtn1()" value="덧글쓰기"/>
<!-- 덧글 쓰기 버튼 onclick 시 나타나는 덧글 쓰는 화면 -->
<div class="display">
<input id="comment-input" placeholder="댓글을 입력해 주세요.">
<button>등록</button>
</div>
</body>
<script>
// 덧글 쓰는 함수
function clickBtn1() {
// 1. html id를 js에 가져와야함. 왜냐하면 js에서는 html의 btn1 변수를 모르기 때문에 호환성 문제같은거임
const display = document.getElementById('dispaly');
// id를 가져왔으면 조건문을 통해서 화면이 보이지 않는 상태이면 화면이 보이는 상태이면 보이지 않게 하는거임
if (display.style.visibility !== 'none') {
display.style.visibility = 'none';
} else {
display.style.visibility = 'block';
}
}
</script>
</html>