본문 바로가기
Coding/JavaScript

[JavaScript] Prompt() 함수로 입력창 띄우기 & 텍스트 출력 하기!!

by 포스트it 2021. 8. 12.
728x90
반응형

 

자바스크립트 Prompt() 함수로 입력창 띄우기 &  텍스트 출력 하기!!

<h2>JavaScript Prompt() 함수로 입력창 띄우기 !!</h2>

<button onclick="myFunction()">- 클릭 -</button>

<p id="test">버튼을 클릭해 보세요.</p>

<script>
function myFunction() {
  let text;
  let person = prompt("당신의 이름은 무엇인가요?");
  
  if (person == null || person == "") {
    text = "아무것도 입력하지 않으셨네요 :<";
  } else {
    text = "안녕하세요 " + person + "씨! 오늘도 좋은 하루 되세요 :)";
  }
  
  document.getElementById("test").innerHTML = text;
}
</script>

결과값

 

JavaScript Prompt() 함수로 입력창 띄우기 !!

버튼을 클릭해 보세요.

728x90
반응형

댓글