我將如何創建Textbox.Text所見即所得

Question

WYSIWYG =所見即所得。

一些信息：

假設我有2個文本框和1個標簽： Textbox1，Textbox2，Label。

例如，對於我想提供文本和數字的自定義ID。 將這兩個組合在一起以創建ID：Prefix + Integer。

Label.text = Textbox1.Text + Textbox2.Text"

但這不是我感興趣的。

問題：

我該如何制作JavaScript以使“鍵入時”功能顯示在標簽上的結果上，以向用戶顯示其自定義ID的外觀？

Answer 1

我希望這是您想要的。

HTML：

<label id="lab">My label:</label><br><br>
Prefix: <input type="text" id="txtarea1"><br>
Number: <input type="text" id="txtarea2">

JS：

document.getElementById("txtarea1").onkeyup = function() {
    document.getElementById("lab").innerHTML = document.getElementById("txtarea1").value + document.getElementById("txtarea2").value; 
}
document.getElementById("txtarea2").onkeyup = function() {
    document.getElementById("lab").innerHTML = document.getElementById("txtarea1").value + document.getElementById("txtarea2").value; 
}

小提琴 。