javascript - JavaScript-尝试通过单击按钮为文本字段添加值

不能让我的功能正常工作，并在用户单击时将按钮的值添加到文本字段中。
的HTML

<form name="testing" action="test.php" method="get">Chords:
<textarea name="field"></textarea>
<input type="button" value="G" onClick="addToField('G');">
<input type="button" value="C" onClick="addToField('C');">
<input type="button" value="Am" onClick="addToField('Am');">
<input type="button" value="F" onClick="addToField('F');">

的JavaScript

<script language="javascript" type="text/javascript">
    function addToField(crd){
        document.testing.field.value += crd;
    }
</script>

真的很想了解这里出了什么问题。
希望这可以显示我要实现的目标:https://jsfiddle.net/034hyjo2/6/

最佳答案

您的JSFiddle错误。您的问题是这里更好。您想使用document.getElementById('field').value += crd;而不是document.testing.field.value += crd;
试试这个:

<form name="testing" action="test.php" method="get">Chords:
    <textarea id="field" name="field"> </textarea> ---note the addition of the ID parameter
    <input type="button" value="G" onClick="AddToField('G');">
    <input type="button" value="C" onClick="AddToField('C');">
    <input type="button" value="Am" onClick="AddToField('Am');">
    <input type="button" value="F" onClick="AddToField('F');">
</form>

<script>
function AddToField(c) {
    document.getElementById('field').value += c;
};
</script>

同样的功能不应该是驼峰式的，而应该是Pascal的情况;)