单击按钮时清除输入字段数据 - Javascript

在网页开发中，经常需要让用户在输入框中输入数据，但有时用户在输入完成后想要清空输入框中的数据，这时就需要编写Javascript代码来实现这个功能了。

实现方案

实现清空输入框中的数据，需要以下两个步骤：

1. 获取输入框元素
2. 将输入框的值设置为空字符串（即清空输入框中的数据）

以下是实现的代码片段：

// 获取输入框元素
const inputElement = document.querySelector('#input');

// 获取按钮元素
const buttonElement = document.querySelector('#button');

// 增加按钮点击事件监听
buttonElement.addEventListener('click', () => {
  // 将输入框的值设置为空字符串
  inputElement.value = '';
});

在上面的代码中，querySelector()方法用于获取指定选择器的第一个元素，addEventListener()方法用于给按钮元素增加点击事件监听，当按钮被点击时，就会执行绑定的回调函数。

回调函数中，我们通过设置输入框的value属性为空字符串，来清空输入框中的数据。

总结

以上就是如何使用Javascript实现清空输入框中的数据的方法，我们可以通过获取输入框元素，增加按钮点击事件监听，然后在回调函数中将输入框的值设置为空字符串来实现。