等级属性查看器

等级属性查看器

<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>
帮我生成一个HTML页面等级属性查看器1-1000级每级给2点分配属性1000级以后每升一级给1点分配属性。

原文地址: https://www.cveoy.top/t/topic/bENt 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录