confirm()
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<button id="delete">삭제</button>
<script>
var btn = document.querySelector("#delete");
btn.addEventListener("click", function() {
var check = confirm("정말 삭제하시겠습니까?");
var text;
if (check) {
text = "삭제되었습니다.";
} else {
text = "삭제되지 않았습니다.";
}
alert(text);
})
</script>
</body>
</html>
prompt()
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
var num1 = prompt("첫 번째 정수를 입력해주세요.", "");
var num2 = prompt("두 번째 정수를 입력해주세요.", "");
var output = num1 > num2 ? num1 : num2;
document.write("큰 값 출력 : " + output);
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
var color = prompt("색깔을 적어주세요(빨강, 초록, 파랑)");
var body = document.querySelector("body");
var result;
if (color == "빨강") {
result = "red";
} else if (color == "초록") {
result = "green";
} else if (color == "파랑") {
result = "blue";
} else {
alert("올바른 입력을 다시 부탁드립니다.");
}
body.style.backgroundColor = result;
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
var player1 = prompt("Player1의 이름을 입력하세요.");
var player2 = prompt("Player2의 이름을 입력하세요.");
var input1 = prompt(player1 + "님 입력 : ");
var input2 = prompt(player2 + "님 입력 : ");
var winner;
if (input1 === "바위") {
if (input2 === "바위") {
winner = "무승부";
} else if (input2 === "가위") {
winner = player1;
} else if (input2 === "보") {
winner = player2;
}
} else if (input1 === "가위") {
if (input2 === "바위") {
winner = player2;
} else if (input2 === "가위") {
winner = "무승부";
} else if (input2 === "보") {
winner = player1;
}
} else if (input1 === "보") {
if (input2 === "바위") {
winner = player1;
} else if (input2 === "가위") {
winner = player2;
} else if (input2 === "보") {
winner = "무승부";
}
}
if (winner === "무승부") {
alert("무승부입니다!");
} else {
alert(winner + " 승!");
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
var num1 = prompt("시작할 숫자를 입력해주세요.");
var num2 = prompt("마지막 숫자를 입력해주세요.");
var sum = 0;
for (var i = num1; i <= num2; i++) {
sum = sum + parseInt(i);
}
document.write("<h1>반복문을 활용한 합계구하기</h1>");
document.write(num1 + "부터 " + num2 + "까지의 합은 " + sum + "입니다.");
</script>
</body>
</html>'Programming > Javascript' 카테고리의 다른 글
| list의 push(), pop(), splice(, ) (0) | 2020.03.08 |
|---|---|
| 계산과 alert()출력 (0) | 2020.03.08 |
| script 출력 (0) | 2020.03.08 |
| addEventListener()와 document.querySelector() (0) | 2020.03.08 |
| Javascript 환경설정 (0) | 2020.03.08 |