ある関数から別の関数に値を渡す方法がわかりません。Web ページに表示されるフォームの値を使用してボックスを作成するプログラムを作成しました。私が話している値は、ボックス自体のプロパティ値です。
ボックスに値が割り当てられる関数は次のとおりです。
function addBox(newbox) {
for (var i = 0; i < newbox.number; i++) {
counter++;
var id = counter;
var scene = document.getElementById("scene");
var div = document.createElement("div");
div.value = id;
console.log(div.value);
div.className += " " + "box";
div.innerHTML += newbox.name;
div.style.backgroundColor = newbox.color;
var x = Math.floor(Math.random() * (scene.offsetWidth-101));
var y = Math.floor(Math.random() * (scene.offsetHeight-101));
div.style.left = x + "px";
div.style.top = y + "px";
scene.appendChild(div);
div.onclick = display;
}
}
これは、値を渡すのに問題がある関数です。各ボックスをクリックしたときに警告ボックスに表示できるように、それらを渡す必要があります。
function display(e) {
alert(e.target.toSource());
}
これまでのところ、クリックすると、警告ボックスに空の括弧のペアが表示されます。