| 단축 URL: https://humoruniv.com/program5851 URL 복사 |
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
#secret {
width:500px;
height:800px;
border:1px solid grey;
margin:auto;
border-radius: 2ex;
background-color:#DDD;
}
#ip {
margin-left:35px;
margin-top:20px;
margin-bottom:30px;
border:1px dashed black;
height: 100px;
width: 400px;
padding-left:30px;
letter-spacing:0.5em;
}
.btn {
width:130px;
height:130px;
border:1px solid black;
background-color:white;
margin:5px;
text-shadow: -1px 2px 2px grey;
font-size:6em;
outline-color: white;
}
#nums {
text-align:center;
}
#btn11, #btn12 {
position:relative;
top:-16px;
font-size:3em;
}
</style>
<script>
window.o n - l o a d = function（） {
var btn1, btn2, btn3, btn4, btn5, btn6, btn7, btn8, btn9, btn10, btn11, btn12;
var ip1;
var count = 0;
ip1 = window.document.form2.ip1;
btn1 = window.document.form1.btn1;
btn2 = window.document.form1.btn2;
btn3 = window.document.form1.btn3;
btn4 = window.document.form1.btn4;
btn5 = window.document.form1.btn5;
btn6 = window.document.form1.btn6;
btn7 = window.document.form1.btn7;
btn8 = window.document.form1.btn8;
btn9 = window.document.form1.btn9;
btn10 = window.document.form1.btn10;
btn11 = window.document.form1.btn11;
btn12 = window.document.form1.btn12;
window.o n - k e y d o w n = function（） {
if （event.keyCode == 48 || event.keyCode == 96） {
ip1.value += 0;
} else if （event.keyCode == 49 || event.keyCode == 97） {
ip1.value += 1;
} else if （event.keyCode == 50 || event.keyCode == 98） {
ip1.value += 2;
} else if （event.keyCode == 51 || event.keyCode == 99） {
ip1.value += 3;
} else if （event.keyCode == 52 || event.keyCode == 100） {
ip1.value += 4;
} else if （event.keyCode == 53 || event.keyCode == 101） {
ip1.value += 5;
} else if （event.keyCode == 54 || event.keyCode == 102） {
ip1.value += 6;
} else if （event.keyCode == 55 || event.keyCode == 103） {
ip1.value += 7;
} else if （event.keyCode == 56 || event.keyCode == 104） {
ip1.value += 8;
} else if （event.keyCode == 57 || event.keyCode == 105） {
ip1.value += 9;
} else if （event.keyCode == 13） {
if （ip1.value == "0425"） {
window.document.body.bgColor = "cornflowerblue";
} else if （ip1.value != "0425"） {
count++;
if （count == 1） {
window.document.body.bgColor = "red";
} else if （count == 2） {
window.document.body.bgColor = "#A60A0A";
window.document.form1.btn11.readOnly = "true";
}
}
} else if （event.keyCode == 8） {
if （ip1.value.length != 1） {
ip1.value = ip1.value.substring（0, （ip1.value.length - 1））;
} else {
ip1.value = "";
}
}
};
btn1.o n - m o u s e d o w n = function（） {
if （event.buttons == 1） {
ip1.value += 9;
}
};
btn2.o n - m o u s e d o w n = function（） {
if （event.buttons == 1） {
ip1.value += 8;
}
};
btn3.o n - m o u s e d o w n = function（） {
if （event.buttons == 1） {
ip1.value += 7;
}
};
btn4.o n - m o u s e d o w n = function（） {
if （event.buttons == 1） {
ip1.value += 6;
}
};
btn5.o n - m o u s e d o w n = function（） {
if （event.buttons == 1） {
ip1.value += 5;
}
};
btn6.o n - m o u s e d o w n = function（） {
if （event.buttons == 1） {
ip1.value += 4;
}
};
btn7.o n - m o u s e d o w n = function（） {
if （event.buttons == 1） {
ip1.value += 3;
}
};
btn8.o n - m o u s e d o w n = function（） {
if （event.buttons == 1） {
ip1.value += 2;
}
};
btn9.o n - m o u s e d o w n = function（） {
if （event.buttons == 1） {
ip1.value += 1;
}
};
btn10.o n - m o u s e d o w n = function（） {
if （event.buttons == 1） {
ip1.value += 0;
}
};
btn11.o n - m o u s e d o w n = function（） {
if （event.buttons == 1） {
if （ip1.value.length != 1） {
ip1.value = ip1.value.substring（0, （ip1.value.length - 1））;
} else {
ip1.value = "";
}
}
};
btn12.o n - m o u s e d o w n = function（） {
if （event.buttons == 1 && ip1.value == "0425"） {
window.document.body.bgColor = "cornflowerblue";
} else if （event.buttons == 1 && ip1.value != "0425"） {
count++;
if （count == 1） {
window.document.body.bgColor = "red";
} else if （count == 2） {
window.document.body.bgColor = "#A60A0A";
window.document.form1.btn11.readOnly = "true";
}
}
};
}
</script>
</head>
<body>
<!---->
<div id = "secret">
<form name = "form2" id = "form2">
<input type = "text" id = "ip" name = "ip1" class = "btn" maxlength="4"> 이부분...
</form>
<div id = "nums">
<form name = "form1" id = "form1">
<input type = "button" id = "btn1" name = "btn1" class = "btn" value = "9">
<input type = "button" id = "btn2" name = "btn2" class = "btn" value = "8">
<input type = "button" id = "btn3" name = "btn3" class = "btn" value = "7">
<input type = "button" id = "btn4" name = "btn4" class = "btn" value = "6">
<input type = "button" id = "btn5" name = "btn5" class = "btn" value = "5">
<input type = "button" id = "btn6" name = "btn6" class = "btn" value = "4">
<input type = "button" id = "btn7" name = "btn7" class = "btn" value = "3">
<input type = "button" id = "btn8" name = "btn8" class = "btn" value = "2">
<input type = "button" id = "btn9" name = "btn9" class = "btn" value = "1">
<input type = "button" id = "btn10" name = "btn10" class = "btn" value = "0">
<input type = "button" id = "btn11" name = "btn11" class = "btn" value = "del">
<input type = "button" id = "btn12" name = "btn12" class = "btn" value = "enter">
</form>
</div>
</div>
</body>
</html>
여기서 input에 maxlength가 먹질않는데 왜그러죠..
 |
 |
|
 |
|
|
| ▲ 다음글 | SI업계에서 일하는 사람? | 이자료만4번봄 |
 0
 0
 5
 319
|
2018-03-21 [17:02] |
| ▼ 이전글 | 유니티 질문이요 ㅠㅠ | 씨니카모발모발 |
0
0
0
158
|
2018-03-16 [23:16] |
|
이자료만4번봄 |
class="btn" 이 필요한 부분임?
|
00 |
 추천
반대
 신고
 답글
|
2018-03-21 |
|
캐나다뽕맞은새끼 |
maxlength 되는거같은데
|
00 |
추천
반대
신고
답글
|
2018-03-22 |
상대방에 대한 배려는 네티켓의 기본입니다.게시물에 상관없는 답글이나 추천유도성 답글을 달지 마세요.
스포일러성 답글이 신고되거나 발견되면 이유불문 삭제 혹은 정학처리 됩니다. 유의 부탁 드립니다.
| ▲ 다음글 | SI업계에서 일하는 사람? | 이자료만4번봄 |
0
0
5
319
|
2018-03-21 [17:02] |
| ▼ 이전글 | 유니티 질문이요 ㅠㅠ | 씨니카모발모발 |
0
0
0
158
|
2018-03-16 [23:16] |
← CTRL+C 로 복사하고 CTRL+V 로 붙여넣으세요!
대표이사 이정민 | 개인정보 보호책임자 이정민 | 민원, 운영자메일, 관리안내 | 통신판매업신고 제 2010-서울강남-01011호
Since 1998.8.24, Copyright (c) 2025 humoruniv.com All right reserved.