본문 바로가기

Python_WEB/JavaScript

[Quiz]팝업창 출력

반응형

Q>

이름을 입력하고 버튼을 클릭하면 xxx님 반갑습니다. 라고 출력되도록 하시오.

 

A>

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h1>환영합니다!</h1>
    이름 <input type="text" id="name">
    <input type="button" value="버튼" onclick="showMsg()">

    <script>
        function showMsg() {
            var name = document.getElementById("name").value;
            window.alert(name + "님 반갑습니다.");
        }
    </script>
</body>

</html>

 

R>

반응형