UI설계 및 구현 -웹프로그래밍
JAVASCRIPT - 연습
햄찌개
2020. 9. 23. 19:39
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function test() {
var input = prompt("주민번호를 입력하세요");
var i = input.substr(0, 2);
var i2 = input.substr(2, 2);
var i3 = input.substr(4, 2);
document.write("생년월일 : 19" + i + "년 " + i2 + "월" + i3 + "일<br>");
var j = input.substr(6, 1);
if (j == 1) {
document.write("성별 : 남성");
} else {
document.write("성별 : 여성");
}
}
function test2(){
var jumin = prompt("주민번호 입력");
var str1 = jumin.replace("-","");
document.write(jumin.replace("-",""));
var sum = 0;
for (var i = 0; i < str1.length-1; i++) {
sum+=srt1.charAt(i)*(i%8+2);
}
}
</script>
</head>
<body>
<input value="1번" type="button" onclick="test()">
<input value="2번" type="button" onclick="test2()">
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
var temp = 0;
var random = Math.floor(Math.random() * 10 + 1);
function input() {
var number = document.getElementById("number").value;
if (number == random) {
document.getElementById("message").innerHTML = "정답";
} else if (number > random) {
document.getElementById("message").innerHTML =number+" 이 난수 값 보다큼";
} else if(number<random){
document.getElementById("message").innerHTML = number+" 이 난수 값 보다작음";
}
}
</script>
</head>
<body>
<h1>Number Guess</h1>
<p>1부터 10 사이의 숫자를 입력하시오.</p>
<input id="number" type="text">
<button type="button" onclick="input()">숫자 추측</button>
<p id="message">힌트</p>
</body>
</html><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript">
function proc1() {
var inputVal = document.getElementById("user").value;
var arr = [ "가위", "바위", "보" ];
var random = Math.floor(Math.random() * 3);
var comVal = arr[random];
var str = "";
if (inputVal == "가위") {
if (comVal == arr[0]) {
str = "비김";
} else if (comVal == arr[1]) {
str = "패배";
} else if (comVal == arr[2]) {
str = "이김";
}
} else if (inputVal == "바위") {
if (comVal == arr[0]) {
str = "이김";
} else if (comVal == arr[1]) {
str = "비김";
} else if (comVal == arr[2]) {
str = "패배";
}
} else if (inputVal == "보") {
if (comVal == arr[0]) {
str = "패배";
} else if (comVal == arr[1]) {
str = "이김";
} else if (comVal == arr[2]) {
str = "비김";
}
}
document.getElementById("com").innerHTML = comVal;
document.getElementById("res2").innerHTML = str;
}
</script>
</head>
<body>
당신 :
<input type="text" id="user">
<input type="button" value="가위바위보 " onclick="proc1()">
<br> computer :
<span id="com"></span>
<br> result :
<span id="res2"></span>
<br>
</body>
</html><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function Lotto() {
var lotto = new Array(6);
var count = 0;
var overl = true;
while (count < 6) {
var number = 0;
number = parseInt(Math.random() * 45) + 1;
for (var i = 0; i < count; i++) {
if (lotto[i] == number) {
overl = false;
}
}
if (overl) {
lotto[count] = number;
count++;
}
overl = true;
}
var lotto_text = document.getElementById("lotto_text");
lotto_text.value = lotto[0] + ', ' + lotto[1] + ', ' + lotto[2] + ', '
+ lotto[3] + ', ' + lotto[4] + ', ' + lotto[5];
}
</script>
</head>
<body>
<input type="text" readonly="" id="lotto_text">
<input type="button" value="로또생성" onclick="Lotto()">
</body>
</html><html>
<head>
<title> New Document </title>
<script>
arr = new Array("red","green","blue","pink", "yellow");
var i=0;
function bgChange(){
document.bgColor = arr[i++];
if(i == arr.length) i=0;
setTimeout("bgChange()" , 1000);
}
</script>
</head>
<body onLoad="bgChange()">
</body>
</html>