ユーザーがマップの高さと幅を入力するテキスト ボックスを 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>