안녕하세요 선생님. 자바스크립트 기초강의 너무나도 잘 듣고 있습니다.
강의를 따라가다가 궁금한 점이 있어서 질문드립니다.
script 태그 내에 <span style="color: #339966;">초록색</span> 함수를 <span style="color: #ff0000;">빨간색</span>처럼 변경하게되면 알림창이 나타나지 않는데 이유를 모르겠습니다.
title1이라는 클래스명도 1개밖에 없는데 인덱스를 주지 않아도 함수가 실행되어야하는 것 같은데 제가 놓친 부분이 있을까요?
<!-- 2강 -->
<div class="alert-box" id="alert">
<p class="title1" id="title">알림창임</p>
<!-- <button onclick="알림창닫기('none')">닫기</button> -->
<!-- <button onclick="알림창열기('none')">닫기</button> -->
<button id="close">닫기-이벤트리스너</button>
</div>
<script>
function 아이디알림창(){
<span style="color: #339966;">document.getElementsByClassName('title1')[0].innerHTML = '아이디입력하세요';</span>
<span style="color: #ff0000;">document.getElementsByClassName('title1').innerHTML = '아이디입력하세요';</span>
document.getElementById('alert').style.display = 'block';
}
</script>
