JS按钮点击计数器与定时器和输入选择表单

以下是一个基于JavaScript的按钮点击计数器、定时器和输入选择表单的示例代码：

HTML代码：

<button id="clickBtn">点击按钮</button>
<p>按钮点击次数: <span id="count">0</span></p>
<br>
<input type="text" id="textInput" placeholder="输入文本">
<br>
<select id="selectInput">
  <option value="1">选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
</select>

JavaScript代码：

// 获取点击按钮元素和计数器元素
var clickBtn = document.getElementById('clickBtn');
var countElement = document.getElementById('count');

// 初始化点击次数为0
var count = 0;

// 给按钮添加点击事件监听器
clickBtn.addEventListener('click', function() {
  count++; // 点击次数加1
  countElement.textContent = count; // 更新计数器显示
});

// 设置定时器，每秒更新一次时间
setInterval(function() {
  var now = new Date();
  console.log(now.toLocaleTimeString());
}, 1000);

// 获取输入文本框和选择框元素
var textInput = document.getElementById('textInput');
var selectInput = document.getElementById('selectInput');

// 添加输入事件监听器
textInput.addEventListener('input', function() {
  console.log('输入文本:', textInput.value);
});

selectInput.addEventListener('change', function() {
  console.log('选择选项:', selectInput.value);
});

此示例中，当点击按钮时，计数器会增加并更新显示。定时器每秒钟输出当前时间。输入文本框和选择框的值发生变化时，会分别输出到控制台。你可以在浏览器的开发者工具中查看控制台输出。