Javascript 如何制作一个只包含两个按钮和一个文本框的简单屏幕HTML键盘？

范例

但我想只使用两个包含值0和1的按钮来设计键盘 像这样，值应该出现在文本框中

有人能告诉我怎么做吗？

示例html：

<input type="text" id="theTextField">
<div id="button0">0</div>
<div id="button1">1</div>

---

使用HTML和一些CSS可能最容易做到这一点。javascript将处理按钮的点击事件，并将值放在文本框中。看起来您已经编写并设计了它。lolyeh我用javascript编码，但我想用其他方法，所以我在stackoverflow上问它

var $yourTextField = $('#theTextField');

$('#button0').click(
    function(){
        $yourTextField.val($yourTextField.val()+"0")
    }
)

$('#button1').click(
    function(){
        $yourTextField.val($yourTextField.val()+"1")
    }
)