글
사용자 입력함수 prompt
Java Script
2011. 7. 19. 20:43
안녕하세요?
지난번에는 confirm함수에 대해서 배웠습니다. 이번에는 prompt함수에 대해서 배워보도록 하겠습니다. prompt함수는 사용자가 입력할수 있도록 해 줍니다. 예를들어 "당신의 이름은?"이라는 물음에 이름을 입력할수 있도록 대화상자를 출력하고 그 이름을 입력받아서 화면에 출력도 할 수 있게 해줍니다. 간단한 예제를 보면 이해가 빠르실겁니다.
<html>
<head><title>prompt함수</title>
<script>
var s
s = prompt("이름을 입력하세요.","");
document.write("당신의 이름은 "+s+" 입니다.")
</script>
</head>
</html
var s <- s라는 변수를 선언합니다. 이 변수는 prompt함수에서 되돌려지는 값을 저장할겁니다. 예를들어 이름을 "마하카사파"라고 입력하면 s의 값은 마하카사파가 되는 겁니다. 그다음에
s = prompt("이름을 입력하세요.","") <- prompt함수를 실행하고 그 결과값을 s에 저장합니다.
그다음에 document.wirt는 아시죠? 화면에 이름을 뿌려주는 역할을 합니다.
실행시켜보면...
이런 입력대화상자가 나타납니다.
이름을 입력합니다.
이렇게 문자가 표시됩니다.
이 prompt대화상자는 사용자에게 어떤 정보를 입력받을때 유용하게 사용될수 있을 것입니다.
그럼 이번에는 이름을 입력하고 나이도 물어보고 나서 그 이름과 나이도 함께 출력하는 코드를 작성해보도록 하겠습니다. 이름은 위의 것을 사용하면 되고 나이도 똑같습니다. prompt문을 한번더 써주시면 되겠습니다.
var age
age=prompt("나이는 몇살이에요?","")
이렇게요. 그런다음 출력할때 age만 더해주면 되지요. 소스는
<html>
<head><title>prompt함수</title>
<script>
var s, age
s = prompt("이름을 입력하세요.","");
age = prompt("나이가 어떻게 되세요?","");
document.write("당신의 이름은 "+s+" 이고 나이는 "+age+" 입니다.")
</script>
</head>
</html>
실행은 직접해보시기 바랍니다.
그럼 이번에는 성별까지 물어보는건 어떻게 할까요?
일단 성별변수를 하나주고,
var sex
성별을 물어봐야겠죠? 남자면 1 여자면 2이렇게요.
sex=prompt("남자면 1 여자면 2를 입력하세요.","")
여기서 sex에 1이 들어오면 남자를 출력하고 2가 들어오면 여자를 출력하면 되겠죠? 저번에 배운 if else구문을 이용하면 됩니다.
if (sex ==1)
document.write("당신의 이름은 "+s+" 이고 나이는 "+age+" 이고 남잡니다.")
else document.write("당신의 이름은 "+s+" 이고 나이는 "+age+" 이고 여자군요.")
만약에 sex가 1이라면 (==이 같다는 뜻이죠) 남자라고 출력하고 그외의 것이면 여자라고 출력해라 이런뜻입니다.
전체코드입니다.
<html>
<head><title>prompt함수</title>
<script>
var s, age, sex
s = prompt("이름을 입력하세요.","");
age = prompt("나이가 어떻게 되세요?","");
sex = prompt("남자면 1 여자면 2를 입력하세요.","")
if (sex ==1)
document.write("당신의 이름은 "+s+" 이고 나이는 "+age+" 이고 남잡니다.")
else document.write("당신의 이름은 "+s+" 이고 나이는 "+age+" 이고 여자군요.")
</script>
</head>
</html>
실행은 직접 해보시기 바랍니다.
오늘은 사용자가 직접 정보를 입력하는 prompt함수에 대해서 배워보았습니다. 그럼 다음시간에 또 만나요~!
'Java Script' 카테고리의 다른 글
| Date객체 (0) | 2011.07.25 |
|---|---|
| Array 객체 (0) | 2011.07.21 |
| confirm함수 (0) | 2011.07.17 |
| 함수의 기분구조와 alert내장함수 (0) | 2011.07.14 |
| do while문 - 자바스크립트 (0) | 2011.07.12 |
