帮我生成逃跑吧少年的游戏html代码
以下是一个简单的逃跑吧少年游戏的HTML代码：
<!DOCTYPE html>
<html>
<head>
<title>逃跑吧少年</title>
<style>
body {
background-color: #000;
color: #fff;
text-align: center;
font-family: Arial, sans-serif;
}
#game-container {
display: inline-block;
background-color: #333;
padding: 20px;
}
#message {
font-size: 24px;
margin-bottom: 20px;
}
#options {
display: flex;
justify-content: center;
align-items: center;
}
.option {
margin: 10px;
padding: 10px 20px;
background-color: #555;
border: none;
color: #fff;
font-size: 18px;
cursor: pointer;
}
.option:hover {
background-color: #777;
}
</style>
</head>
<body>
<div id="game-container">
<h1>逃跑吧少年</h1>
<p id="message">你被困在了一个诡异的地方，你需要做出选择才能逃离！</p>
<div id="options">
<button class="option" onclick="chooseOption(1)">选择1</button>
<button class="option" onclick="chooseOption(2)">选择2</button>
<button class="option" onclick="chooseOption(3)">选择3</button>
</div>
</div>
<script>
function chooseOption(option) {
if (option === 1) {
document.getElementById("message").innerHTML = "选择1：你进入了一扇门，里面是一只怪物，你被吃掉了！游戏结束！";
document.getElementById("options").style.display = "none";
} else if (option === 2) {
document.getElementById("message").innerHTML = "选择2：你找到了一把钥匙，成功逃离了这个地方！恭喜你获胜！";
document.getElementById("options").style.display = "none";
} else if (option === 3) {
document.getElementById("message").innerHTML = "选择3：你进入了一扇门，里面是一个陷阱，你掉入了陷阱中，无法逃离！游戏结束！";
document.getElementById("options").style.display = "none";
}
}
</script>
</body>
</html>
你可以将以上代码复制到一个新建的HTML文件中，并在浏览器中打开该文件，即可开始游戏。游戏中有三个选项（选择1，选择2和选择3），每选择一个选项，游戏会根据你的选择显示不同的结果
原文地址: https://www.cveoy.top/t/topic/hSvi 著作权归作者所有。请勿转载和采集!