햄찌개

JAVASCRIPT - 연습 본문

UI설계 및 구현 -웹프로그래밍

JAVASCRIPT - 연습

햄찌개 2020. 9. 21. 14:04 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
var x = 10;
var y = 20;
document.write("x : "+ x +"<br>");
document.write(" y : "+ y+"<br>");
document.write(" x>y : "+ (x>y)+"<br>");
document.write(" x<y : "+ (x<y)+"<br>");
document.write("<br>");
</script>

</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>

<script>
var grade = prompt("성적을 입력해주세요");

switch (grade) {
case 'A':
   alert("참 잘했어요")
   break;
case 'B':
   alert("잘했어요")
   break;
case 'C':
   alert("보통이에요")
   break;
case 'D':
   alert("노력하세요")
   break;
case 'F':
   alert("젭알...")
   break;

default:
   alert("뭐꼬(grade:"+grade+")");
   break;
}
</script>

</head>
<body>

</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
var num1 = prompt("숫자를 입력하세요");
var buho = prompt("연산자를 입력하세요");
var num2 = prompt("숫자를 입력하세요");
if(buho == '+'){
	document.write(num1+"+"+num2+"="+(parseInt(num1)+parseInt(num2)));
}
else if (buho =='-'){
	document.write(num1+"-"+num2+"="+(parseInt(num1)-parseInt(num2)));
}
else if (buho =='/'){
	document.write(num1+"/"+num2+"="+(parseInt(num1)/parseInt(num2)));
}
else if (buho =='*'){
	document.write(num1+"*"+num2+"="+(parseInt(num1)*parseInt(num2)));
}
</script>
</head>
<body>

</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
var num1 = prompt("성적을 입력하세요");
var num2 = parseInt(num1/10);
switch (num2) {
case 10:
case 9:
	document.write('A');
	break;
case 8:
	document.write('B');
	break;
case 7:
	document.write('C');
	break;
case 6:
	document.write('D');
	break;

default:
	document.write('F');
	break;
}
</script>
</head>
<body>

</body>
</html>
저작자표시

'UI설계 및 구현 -웹프로그래밍' 카테고리의 다른 글

JAVASCRIPT -연습  (0) 2020.09.24
JAVASCRIPT - 연습  (0) 2020.09.23
CSS- 색션 연습  (0) 2020.09.18
CSS - a테그 속성 연습  (0) 2020.09.17
CSS - margin, padding 연습  (0) 2020.09.17
'UI설계 및 구현 -웹프로그래밍' Related Articles more