HTML + Javascript 2

1. return 함수 사용

숫자 입력 : <input type="text" id="no">
<input type="button" value="계산" onclick="calc()">

function calc() {
	var no = document.getElementById("no");	//사용자가 입력한 값 
	var result = aaa(no.value);	//리턴함수에 인자값을 보내서 결과를 받음 
	console.log(result);	//결과값을 출력 
}

function aaa(n) {	//리턴함수 
	var z = 5 * n;	//계산 수식구 
	return z;	//결과값을 회신하는 역할 
}

 

😊응용문제

사용자가 아이디를 입력합니다. 예를들어 hong 아이디, admin 아이디를 입력시 
결과는 "해당 아이디는 사용이 불가능합니다"라고 출력을 하며 
그 외의 아이디는 "사용이 가능합니다"라는 메세지를 출력하도록 return함수로 구현하시오 

아이디 : <input type="text" id="mid">
<input type="button" value="중복체크" onclick="idcheck()">

function idcheck() {
	var mid = document.getElementById("mid");
	alert(canid(mid.value));
}
//리턴함수 => 결과만 회신하는 역할 
function canid(idval) {
	var msg="";
	if (idval == "hong" || idval == "admin") {
		msg = "해당 아이디는 사용이 불가능합니다.";
	} else if (idval == "") {
		msg = "아이디를 입력해주세요.";
	} else {
		msg = "해당 아이디는 사용이 가능합니다.";
	}
	return msg;	//리턴으로 결과값을 회신 
}

 

패스워드 6자리 이상으로 받기 //return 사용

패스워드 변경 : <input type="text" id="mpass">
<input type="button" value="패스워드 변경" onclick="pwcheck()">

function pwcheck(){
	var mpass = document.getElementById("mpass");
	var result = word_check(mpass.value);
	alert(result);
}

function word_check(pw){	//각종 사용자 단어 입력사항 체크 
	console.log(pw.length);	//length : 길이 
	var msg="";
	if(pw.length<6){
		msg = "최소 6자리의 패스워드를 입력하세요.";
	}else{
		msg = "패스워드가 올바르게 변경되었습니다.";
	}
	return msg;
}