삼국지 텍스트 게임
당신은 삼국시대에 빠져 삼국을 통일하기 위한 여정에 나섰습니다.
게임은 위에 있어요 지나치실까봐
<!DOCTYPE html>
<html>
<head>
<title>삼국지 텍스트 게임</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
}
h1 {
color: #333;
}
p {
margin-bottom: 10px;
}
button {
padding: 10px 20px;
font-size: 16px;
}
</style>
</head>
<body>
<h1>삼국지 텍스트 게임</h1>
<p id="story">당신은 삼국시대에 빠져 삼국을 통일하기 위한 여정에 나섰습니다.</p>
<div id="choices">
<button onclick="selectChoice(1)">나라 선택</button>
</div>
<script>
var storyElement = document.getElementById('story');
var choicesElement = document.getElementById('choices');
function selectChoice(choice) {
switch (choice) {
case 1:
storyElement.textContent = '어떤 나라를 선택하시겠습니까?';
choicesElement.innerHTML = '<button onclick="selectChoice(2)">위나라</button><button onclick="selectChoice(3)">촉나라</button><button onclick="selectChoice(4)">한나라</button>';
break;
case 2:
storyElement.textContent = '위나라를 선택했습니다. 다음 이야기를 진행합니다.';
choicesElement.innerHTML = '<button onclick="selectChoice(5)">전투하기</button><button onclick="selectChoice(6)">외교하기</button>';
break;
case 3:
storyElement.textContent = '촉나라를 선택했습니다. 다음 이야기를 진행합니다.';
choicesElement.innerHTML = '<button onclick="selectChoice(7)">전투하기</button><button onclick="selectChoice(8)">외교하기</button>';
break;
case 4:
storyElement.textContent = '한나라를 선택했습니다. 다음 이야기를 진행합니다.';
choicesElement.innerHTML = '<button onclick="selectChoice(9)">전투하기</button><button onclick="selectChoice(10)">외교하기</button>';
break;
case 5:
storyElement.textContent = '위나라와 전투 중입니다. 게임이 끝났습니다.';
choicesElement.innerHTML = '';
break;
case 6:
storyElement.textContent = '위나라와 외교 중입니다. 다음 이야기를 진행합니다.';
choicesElement.innerHTML = '<button onclick="selectChoice(11)">주유하러 가기</button><button onclick="selectChoice(12)">돌아가기</button>';
break;
case 7:
storyElement.textContent = '촉나라와 전투 중입니다. 게임이 끝났습니다.';
choicesElement.innerHTML = '';
break;
case 8:
storyElement.textContent = '촉나라와 외교 중입니다. 다음 이야기를 진행합니다.';
choicesElement.innerHTML = '<button onclick="selectChoice(13)">주유하러 가기</button><button onclick="selectChoice(14)">돌아가기</button>';
break;
case 9:
storyElement.textContent = '한나라와 전투 중입니다. 게임이 끝났습니다.';
choicesElement.innerHTML = '';
break;
case 10:
storyElement.textContent = '한나라와 외교 중입니다. 다음 이야기를 진행합니다.';
choicesElement.innerHTML = '<button onclick="selectChoice(15)">주유하러 가기</button><button onclick="selectChoice(16)">돌아가기</button>';
break;
case 11:
storyElement.textContent = '주유하러 갔더니 유무리가 발생하여 전투 중에 게임이 끝났습니다.';
choicesElement.innerHTML = '';
break;
case 12:
storyElement.textContent = '외교를 포기하고 돌아갔습니다. 게임이 끝났습니다.';
choicesElement.innerHTML = '';
break;
case 13:
storyElement.textContent = '주유하러 갔더니 상대방이 협조하여 외교에 성공했습니다. 게임이 끝났습니다.';
choicesElement.innerHTML = '';
break;
case 14:
storyElement.textContent = '외교를 포기하고 돌아갔습니다. 게임이 끝났습니다.';
choicesElement.innerHTML = '';
break;
case 15:
storyElement.textContent = '주유하러 갔더니 매우 긍정적인 결과를 얻어 전투력이 대폭 상승했습니다. 다음 이야기를 진행합니다.';
choicesElement.innerHTML = '<button onclick="selectChoice(17)">제갈량과 만나기</button><button onclick="selectChoice(18)">돌아가기</button>';
break;
case 16:
storyElement.textContent = '외교를 포기하고 돌아갔습니다. 게임이 끝났습니다.';
choicesElement.innerHTML = '';
break;
case 17:
storyElement.textContent = '주유를 마치고 제갈량과 만났습니다. 다음 이야기를 진행합니다.';
choicesElement.innerHTML = '<button onclick="selectChoice(19)">제갈량과 함께 전투하기</button><button onclick="selectChoice(20)">제갈량에게 충고받기</button>';
break;
case 18:
storyElement.textContent = '주유를 마치고 돌아갔습니다. 게임이 끝났습니다.';
choicesElement.innerHTML = '';
break;
case 19:
storyElement.textContent = '제갈량과 함께 전투 중입니다. 다음 이야기를 진행합니다.';
choicesElement.innerHTML = '<button onclick="selectChoice(21)">유비에게 도움 요청하기</button><button onclick="selectChoice(22)">돌아가기</button>';
break;
case 20:
storyElement.textContent = '제갈량에게 충고를 받았습니다. 다음 이야기를 진행합니다.';
choicesElement.innerHTML = '<button onclick="selectChoice(23)">관우와 함께 전투하기</button><button onclick="selectChoice(24)">관우에게 충고받기</button>';
break;
case 21:
storyElement.textContent = '유비에게 도움을 요청했습니다. 게임이 끝났습니다.';
choicesElement.innerHTML = '';
break;
case 22:
storyElement.textContent = '전투를 포기하고 돌아갔습니다. 게임이 끝났습니다.';
choicesElement.innerHTML = '';
break;
case 23:
storyElement.textContent = '관우와 함께 전투 중입니다. 게임이 끝났습니다.';
choicesElement.innerHTML = '';
break;
case 24:
storyElement.textContent = '관우에게 충고를 받았습니다. 다음 이야기를 진행합니다.';
choicesElement.innerHTML = '<button onclick="selectChoice(25)">장비와 함께 전투하기</button><button onclick="selectChoice(26)">장비에게 충고받기</button>';
break;
case 25:
storyElement.textContent = '장비와 함께 전투 중입니다. 게임이 끝났습니다.';
choicesElement.innerHTML = '';
break;
case 26:
storyElement.textContent = '장비에게 충고를 받았습니다. 게임이 끝났습니다.';
choicesElement.innerHTML = '';
break;
default:
break;
}
}
</script>
</body>
</html>
위 소스코드를 html css js 를 사용할 수 있는 웹 페이지에 붙여넣었을 때
같은 게임을 플레이할 수도 있습니다
하지만 퍼가기는 금지합니다
여기서 즐겨찾기하고 즐겨 주세요
공부에 도움 되세요
추후 관련 강좌를 올려드리겠습니다. 자주 오세요.
'1' 카테고리의 다른 글
| 나쁜 상사 상대하는법 대처하는법 (0) | 2023.12.24 |
|---|---|
| 23년 12월 추천 최신 게임 영웅모집 게임 공략 리뷰 : 덱 빌딩 로그라이크 게임 (0) | 2023.12.22 |
| 부하 직원 잘 관리하는 방법 : 존경받는 방법, 좋은 상사가 되는 방법 (0) | 2023.12.20 |
| 내돈내산 용인 기흥구 맛집 식당 횟집 우리수산 (1) | 2023.12.19 |
| 중1 수학 자유 문제와 해설 - 소인수분해 문제풀이 (0) | 2023.12.19 |
| 좋은 상사가 되는 방법 : 나쁜 상사가 되지않는 방법 (0) | 2023.11.26 |
| 웹툰 vs 웹소설, 만화 vs 소설 : 조회수와 객관적 통계 데이터 바탕 (0) | 2023.11.04 |
| 23년 11월 게이밍, 업무용 다재다능 노트북 추천 (1) | 2023.11.04 |
