javascript - 单击特定图像时自动填充文本字段中的一些单词

Question

我知道如何在 HTML 中创建一个文本字段。但我想要的是：我有一个文本字段，下面有五个图像。如果用户点击第一张图片，“p1”这个词应该会自动写在文本字段中。如果用户单击第二张图像，则应写入单词“p2”，依此类推直到“p5”。用户可以随意点击任何图像任意次数。他还可以使用键盘键入并交替单击图像。那么，当用户单击图像时，如何使“p1”、“p2”等自动填充发生？

编辑：假设第一张图片是：

<img src="image1.jpg" alt="p1" onclick="write('p1')">

那么在函数 write() 的主体中应该写什么来完成任务呢？

Answer 1

尝试

function write(text){
    document.getElementById("textFieldId").value += text;
}