코딩 이야기
숫자와 문자열 사이의 반환 본문
728x90
10과 "10"은 다르다
문자열을 숫자로 변환할 때는 parselnt()
숫자를 문자열로 변환할 때는 String()
prompt()함수
사용자에게 어떤 사항을 알려주고 사용자가 답변을 입력할 수 있는 윈도우를 화면에 띄운다.
사용자가 입력한 내용을 문열로 반환한다.
<script>
var age = prompt("나이를 입력하세요", "만나이로 입력합니다.");
</script>
prompt()는 항상 사용자 입력을 문자열로 반환한다. 사용자가 10을 입력하면 "10"으로 반환하기에 이것을
수치형으로 변환시켜줘야 하는데 이럴때 parseInt를 이용해 수치형으로 변환시킨다.
number = parseInt(input); // 문자열 input 을 숫자 number로 변환한다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>덧셈 계산기</title>
<script>
function calc() {
var x = document.getElementById("x").value;
var y = document.getElementById("y").value;
var sum;
sum = parseInt(x) + parseInt(y);
document.getElementById("sum").value = sum;
}
</script>
</head>
<body>
<h3>덧셈 계산기</h3>
<form action="..." name="myform" method="POST">
첫번째 정수: <input id="x"><br>
두번째 정수: <input id="y"><br>
합계: <input id="sum"><br>
<input type="button" value="계산" onclick="calc();">
</form>
</body>
</html>
한번 덧셈 계산기를 만들어 보았다. 필자도 오타가 많은편이라 꼼꼼하게 보는데 자기가 보면 잘안보인다. ㄹㅇ.. 다들 오타 신중하게 잘보길바란다..
728x90
'JAVA스크립트' 카테고리의 다른 글
| 반복문 (2) (0) | 2023.01.09 |
|---|---|
| 반복문 (0) | 2023.01.06 |
| 조건문 (0) | 2023.01.06 |
| HTML 요소에 접근하기 (0) | 2023.01.06 |
| 자바 스크립트 기초 (0) | 2023.01.06 |
Comments