JavaScript可以根据用户输入创建一个新函数

can JavaScript create a new function based on user input?

本文关键字：新函数 函数 一个 创建 输入 用户 JavaScript      更新时间：2024-02-01

我在HTML文档中有一个输入框、一个按钮和其他随机元素。我的问题是：JavaScript是否可以使用输入框中输入的id，并在单击按钮时隐藏具有该id的元素

我不能直接插入函数的原因是，我希望按钮使用专门创建的函数来执行用户想要的操作。

我也不知道jquery，主要是HTML JavaScript和CSS

是的，但你走错了路：你不需要创建一个新的函数来响应用户的输入。

您只需要在函数中使用用户输入即可。

function myEventHandler(event) {
    var user_input = document.getElementById('my_text_input').value;
    var user_selected_element = document.getElementById(user_input);
    if (user_selected_element) {
        user_selected_element.style.display = "none";
    }
}
document.getElementById('the_button').addEventListener('click', myEventHandler);

您需要创建一个传递给按钮的点击处理程序的函数。当点击按钮时，我们可以获得输入的值并从那里进行处理。这是一把正在工作的小提琴。

function hideById() {
  var id = document.getElementById('id').value;
  document.getElementById(id).style.display = 'none';
}
document.querySelector("button").addEventListener("click", hideById);
相关文章：