자바스크립트 <암호를대라>

Javascript

자바스크립트 <암호를대라>

mickey7 2023. 2. 26. 11:27

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Document</title>
    
</head>
<body>
    <h2 id="a">암호를 입력하라!</h2>
    <hr>
    <p id="result"></p>
    <script>
        function answerCodeName(){
        let text = prompt("암호를 대라","");

        // console.log(document.getElementById("a"));
        let answer = document.getElementById("result")

        if(text =="you"){
            answer.innerHTML = "통과!"
        }
        else{
            answerCodeName();
        }
        }
                answerCodeName()
    </script>
</body>
</html>

getElementsByTagName은 아래와 같이 HTMLCollection으로 값을 돌려준다. --> 그래서 한 개의 태그를 지정할 때는 id를 지정하는 것 같다.

<script>태그를 <head>내에 미리 작성하면 body 태그를 읽기전에 script안의 코드가 실행되므로 찾고자 하는 id값을 지정해서 null값만 가져오게 된다. onload를 활용하거나 아예 body태그 아래에서 <script>를 활용해야 한다.(반복되는 실수 주의!)