if문 예제
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var result = prompt("당신이 좋아하는 과목은 무엇인가요?\n1.자바 2.JSP 3.C언어");
if(result=="1"){
alert("당신은 자바를 좋아하는 사람");
}else if(result=="2"){
alert("당신은 JSP를 좋아하는 사람");
}else if(result=="3"){
alert("당신은 C언어를 좋아하는 사람");
}else{
alert("입력을 확인해 주세요");
}
</script>
</body>
</html>for문 예제 - 구구단
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var result = prompt("단 입력!");
for(var i=1; i<=9; i++){
document.write(result+" * "+i+" = "+(result*i)+"<br>");
}
</script>
</body>
</html>테이블 만들기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var count = 1;
var result_row = prompt("행을 입력하세요");
var result_col = prompt("열을 입력하세요");
document.write("<table border=1>")
for(var i=0; i<result_row;i++){
document.write("<tr>");
for(var j=0; j<result_col;j++){
document.write("<td>"+count++);
}
document.write("</tr>");
}
document.write("</table>")
</script>
</body>
</html>
'디지털 컨버전스 > Java Script' 카테고리의 다른 글
| [Javascript] Event (0) | 2020.04.13 |
|---|---|
| [Javascript] function (0) | 2020.04.13 |
| [Javascript] getElementById() / 줄바꿈 (0) | 2020.04.13 |
| [Javascript] alert / confirm / prompt (0) | 2020.04.13 |
| [Bootstrap4] 반응형 페이지 만들기 (0) | 2020.04.10 |