Javascript 如果单击按钮，如何删除输入字段？

我有一个带有输入字段的表单，其工作方式如下：

如果有人写了一些东西，然后单击输入字段附近的“添加”按钮，那么“某些东西”将添加到下面的元素列表中

<input type="text" name="_element" placeholder='Type something' @change=${this.onPropChange} required>
<button type="button" name="element" @click=${this.onChange}>Add</button>

我希望当有人点击“添加”按钮时，输入字段中的“某物”被清除。 我不能使用提交按钮或输入类型=提交”

有没有办法做到这一点

---

提前感谢！

您可以扩展onChange函数以查找输入字段，并在每次按下按钮时将其占位符值设置为空字符串

在输入标记中设置一个id，如：

<input id='input_field' type="text" name="_element" placeholder='Type something' @change=${this.onPropChange} required>

---

我试过这么做，但它在控制台中给了我一个错误，const等于null或未定义。我认为这取决于页面呈现…我真的不知道，很抱歉这么晚才回复：/你能尝试控制台。只记录“document”吗？也许你的设置有一些问题。另外，可能尝试用纯js编写它，并使用类似于t的按钮装配该函数。

onChange(e) {
        
        switch (e.target.getAttribute('name')){
            case '_element':
            this._element = e.target.value;
            break;
            case 'element':

              this.value = {...this.value, elements: [...this.value.elements||'']};
              this.value.elements.push(this._element);
              this._element='';
                         
            break;
   }
}

<input id='input_field' type="text" name="_element" placeholder='Type something' @change=${this.onPropChange} required>

const element = document.getElementById('input_field');
element.value = '';