如何使用onClick listener从元素中选择数据

<button id="myButton">点击选择数据</button>

document.getElementById("myButton").addEventListener("click", function() {
  // 在这里编写选择数据的逻辑
});

var inputElement = document.getElementById("myInput");
var selectedData = inputElement.value;

var selectElement = document.getElementById("mySelect");
var selectedOption = selectElement.options[selectElement.selectedIndex];
var selectedData = selectedOption.value;

var checkboxElement = document.getElementById("myCheckbox");
var selectedData = checkboxElement.checked;

var radioElements = document.getElementsByName("myRadio");
var selectedData;
for (var i = 0; i < radioElements.length; i++) {
  if (radioElements[i].checked) {
    selectedData = radioElements[i].value;
    break;
  }
}