Daily coding
JavaScript : parseInt 본문
parseInt
: 문자열을 숫자로 바꿔야할 때는 parseInt
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h3 id="h3tag"><b>h3 Tag</b></h3>
<br><br>
<p id="ptag">p Tag</p>
<br><br>
입력: <input type="text" id="text">
<br><br>
<button type="button" onclick="btnClick()">버튼</button>
<script type="text/javascript">
function btnClick() {
// var str = document.getElementById("h3tag").innerHTML; // <b>태그까지 모두 가져옴
// document.getElementById("ptag").innerHTML = str;
var str = document.getElementById("text").value;
document.getElementById("h3tag").innerHTML = parseInt(str) * 10;
// 문자열을 숫자로 바꿔야할 때는 parseInt
// 스트링
//input이나 입력을 받는 부분은 value로 받고
//나머지 h3나 p 태그 등에서는 innerHTML
}
</script>
</body>
</html>'Front-end > Java Script' 카테고리의 다른 글
| JavaScript : Date()함수로 날짜구하기 (0) | 2020.01.06 |
|---|---|
| JavaScript : Timer ( setInterval ) 타이머 (0) | 2020.01.06 |
| JavaScript : 자바스크립트 함수의 타입 (0) | 2020.01.06 |
| JavaScript : 변수와 배열 Variable & Array (0) | 2020.01.06 |
| JavaScript : Function 의 선언 및 호출하기 (0) | 2020.01.06 |