1. 1차,2차배열 console.log 결과값
2. 팝업창(부모창,자식창 데이터)
3. 이벤트 핸들링
4. node로 배열값을 출력
5. 랜덤함수를 이용해서 결과값을 출력
--test2
<!--
응용문제2. 메일등록 버튼 클릭시 해당 메일 주소에
input text에 모두 입력이 되어 있어야 하며, 두가지 중 한가지라도
미 입력시 "올바른 메일 주소를 입력하세요" 라고 메세지가 출력 되어야 합니다.
단, select에 있는 메일 선택시 선택된 내용이 메일 주소에 적용 되어야
합니다.
모든 입력이 완료 되면, nate.com으로 이동 되도록 합니다.
-->
<script>
var select = document.getElementById("mail3");
function test2(){
var id = document.getElementById("mid").value;
var adress = document.getElementById("madress").value;
console.log(id);
console.log(adress);
if(id != "" && adress !=""){
window.location="http://nate.com";
}else{
alert("올바른 주소를 입력하세용");
}
}
function choice(val){
//console.log(val)
var email = document.getElementById("madress");
if(val=="etc"){
document.getElementById("madress").readOnly = false;
document.getElementById("madress").value = "";
}else{
document.getElementById("madress").value = val;
}
}
</script>
<body>
<input type="text" id="mid"> @
<input type="text" id="madress" readonly>
<select id="mail3" onchange="choice(this.value)">
<option value="">메일선택</option>
<option value="naver.com">네이버</option>
<option value="nate.com">네이트</option>
<option value="google.com">구글</option>
<option value="hanmail.net">한메일</option>
<option value="etc">직접입력</option>
</select>
<input type="button" value="메일등록" onclick="test2()">
</body>
--test3
<!--
응용문제3.
등록확인 버튼 클릭시 무조건 2가지 이상이 선택 되어야 합니다.
1개만 선택할 경우 "2가지 이상 선택하세요"라는 경고 메세지를
띄우시고, 2가지 이상을 선택하였을 경우 "정상적으로 등록 되었습니다."
라는 메세지를 출력하세요
-->
<body>
<p>자신이 좋아하는 과일 2가지 이상 선택 하세요?</p>
<input type="checkbox" onclick="countck()" id="val1">사과
<input type="checkbox" onclick="countck()" id="val2">딸기
<input type="checkbox" onclick="countck()" id="val3">바나나
<input type="checkbox" onclick="countck()" id="val4">키위
<input type="checkbox" onclick="countck()" id="val5">파인애플
<input type="checkbox" onclick="countck()" id="val6">수박
<input type="button" value="등록확인" onclick="submitbtn()">
<h2 id="resultbox"></h2>
</body>
<script>
var count=0;
var resultbox = document.getElementById("resultbox");
function submitbtn(){
if(count < 2){
alert("2가지 이상 선택하세요");
}else{
alert("정상적으로 등록 되었습니다!")
}
}
function countck(){
count=0;
var i;
for(i=1; i<=6; i++){
var ckinput = document.getElementById("val"+i).checked;
if(ckinput==true){
count++;
}
}
}
</script>'MEMO > 기타' 카테고리의 다른 글
| study git - source (0) | 2024.05.22 |
|---|---|
| Git (0) | 2024.05.21 |
| 취업 (0) | 2024.04.26 |
| HTML / XML (0) | 2024.04.22 |
| css 바꿨는데 수정안될경우 (0) | 2024.04.22 |