帮我生成一个html游戏人物加点查看页面。1-1000级每级给2点1点可以兑换15的意志或者10的骨要求输入等级后可以自己进行兑换查看相对应的意志或骨。
<p>以下是一个简单的html游戏人物加点查看页面，供您参考：</p>
<!DOCTYPE html>
<html>
<head>
<title>游戏人物加点查看页面</title>
<meta charset="UTF-8">
</head>
<body>
<h1>游戏人物加点查看页面</h1>
<p>请输入您的等级：</p>
<input type="text" id="level">
<button onclick="showPoints()">查看点数</button>
<br><br>
<p>您当前的点数为：</p>
<input type="text" id="points" readonly>
<br><br>
<p>请选择您要兑换的物品：</p>
<input type="radio" name="item" value="willpower">意志（15点/1点）<br>
<input type="radio" name="item" value="bones">骨（10点/1点）<br>
<button onclick="exchange()">兑换</button>
<br><br>
<p>您当前拥有的意志和骨数量为：</p>
<input type="text" id="willpower" readonly> 意志
<input type="text" id="bones" readonly> 骨
<script>
function showPoints() {
var level = document.getElementById("level").value;
var points = level * 2;
document.getElementById("points").value = points;
}
<pre><code> function exchange() {
var item = document.querySelector('input[name="item"]:checked').value;
var points = document.getElementById("points").value;
var willpower = document.getElementById("willpower").value;
var bones = document.getElementById("bones").value;
if (item == "willpower") {
var exchangedPoints = prompt("请输入您要兑换的意志数量：");
if (exchangedPoints * 15 <= points) {
document.getElementById("willpower").value = parseInt(willpower) + parseInt(exchangedPoints);
document.getElementById("points").value = points - exchangedPoints * 15;
} else {
alert("您的点数不足，请重新选择或输入兑换数量！");
}
} else if (item == "bones") {
var exchangedPoints = prompt("请输入您要兑换的骨数量：");
if (exchangedPoints * 10 <= points) {
document.getElementById("bones").value = parseInt(bones) + parseInt(exchangedPoints);
document.getElementById("points").value = points - exchangedPoints * 10;
} else {
alert("您的点数不足，请重新选择或输入兑换数量！");
}
}
}
</script>
</code></pre>
</body>
</html>
<p>注意：以上代码仅供参考，需要根据具体需求进行修改和完善。</p>
原文地址: https://www.cveoy.top/t/topic/bENP 著作权归作者所有。请勿转载和采集!