假设我想在我的 html 代码中有一个文本框,用户可以输入地图的高度和宽度。我希望我的 javascript 代码处理传递的变量并根据这些值生成地图。
这是我的问题。我不想使用笨重的 prompt() 函数,它真的很烦人,而且非常有限。如果我使用表单标签,并放置一个提交按钮,它将刷新页面,我不希望这样,但我没有提交任何东西,只是将变量传递给我的脚本。
因为一切都将由 javascript 完成,并且不会将任何内容发送到服务器或任何类型的数据库,我希望一切都在同一页面上完成,无需任何重新加载或刷新,并且在用户之后立即显示结果点击一个按钮。
我怎样才能做到这一点?
<script>
function validateInput() {
// check if the values are numbers if not generate an error and return a false value
}
function getMapSize () {
// get the user input data and return it as an array
}
function generateMap () {
var map = [];
map = getMapSize();
// generate the map and show the result on current page
}
if (variables are set and they are numbers) {
generateMap();
}
</script>
Height:<input id="mapSize" name="mapHeight" type="text"></input>
Width:<input id="mapSize" name="mapWidth" type="text"></input>