<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Javascript 핸들링</title>
</head>
<body>
<input type="text" id="no">
<input type="button" value="클릭" onclick="aaa()">
<br>
<br>
<form id="frm">
<input type="text" name="no"> <input type="button" value="클릭"
onclick="bbb()">
</form>
</body>
<script src="./re3.js?v=12"></script>
</html>function aaa(){
var no = document.getElementById("no");
if(no.value==""){
alert("해당 입력값에 데이터를 입력하세요!");
}else if(no.value!=""){
alert("값을 확인 하였습니다.");
}
}
/*위와 같은 코드인데 name으로 핸들링 훨씬 간단 */
function bbb(){
if(frm.no.value==""){
alert("해당 입력값에 데이터를 입력하세요!!");
}
}
function aaa(){
var no = document.getElementById("no");
if(no.value==""){
console("해당 입력값에 데이터를 입력하세요!");
}else if(no.value!=""){
//HTML에서 입력된 모든 값은 String(문자)
console.log(typeof(no.value));
var no2 = Number(no.value); //문자를 숫자형으로 변경
console.log(typeof(no2));
}
}
aaa() : id로 핸들링
bbb() : name으로 핸들링
같은 코드 다른 형태