帮我生成一个HTML页面等级属性查看器1-1000级每级给2点分配属性1000级以后每升一级给1点分配属性。
等级属性查看器
<form>
<label for="level">输入等级:</label>
<input type="number" id="level" name="level" min="1" max="1000">
<button type="submit">查看属性</button>
</form>
<div id="result"></div>
<script>
const form = document.querySelector('form');
const result = document.querySelector('#result');
form.addEventListener('submit', function(e) {
e.preventDefault();
const level = parseInt(document.querySelector('#level').value);
let points = 0;
if (level <= 1000) {
points = level * 2;
} else {
points = 2000 + (level - 1000);
}
const strength = Math.floor(points / 3);
const agility = Math.floor((points - strength) / 2);
const intelligence = points - strength - agility;
result.innerHTML = `<p>等级:${level}</p>
<p>属性点数:${points}</p>
<p>力量:${strength}</p>
<p>敏捷:${agility}</p>
<p>智力:${intelligence}</p>`;
});
</script>
原文地址: https://www.cveoy.top/t/topic/bENt 著作权归作者所有。请勿转载和采集!