画像の上に入力フォームのテキストを重ねる

Question

入力に書き込むテキストを「彫刻画像」div内に表示します。何らかの理由で、私はそれを動作させることができません。私はあなたの助けに感謝します。

function annotate(obj) { 
 
    var typed = document.getElementById(obj).value; 
 
    document.getElementById("engrave-image").innerHTML = typed; 
 
}

<input id="engrave-text" maxlength="15" onkeyup="count_up(this)" onkeyup="annotate(this);"> 
 
<div id="engrave-image"></div>

Answer 1

あなたはイベントonkeyupのその後という入力を参照するために、直接objを使用することができます。 objが渡されるのは、要素（この場合は入力要素）への参照であり、idではないため、document.getElementById(obj);を使用することは意味がありません。

入力のid属性を引用符で囲む必要があります。

function annotate(obj) { 
 
    var typed = obj.value; 
 
    document.getElementById("engrave-image").innerHTML = typed; 
 
}

<input id="engrave-text" maxlength="15" onkeyup="annotate(this);"> 
 
<div id="engrave-image"></div>