Может ли JavaScript создать новую функцию на основе ввода пользователем?

Question

У меня есть окно ввода, а также кнопка и другие случайные элементы в документе HTML. мой вопрос таков: может ли JavaScript использовать идентификатор, который вводится в поле ввода и скрывать элемент с этим идентификатором при нажатии кнопки?, пожалуйста, дайте мне знать, как это сделать. Я создаю программу, которая создает элементы, основанные на определенных нажатиях кнопок, поэтому пользователь может форматировать html без знания кода. Я пытаюсь добавить динамические функции, и я абсолютно не знаю, что делать, потому что функции должны быть достаточно гибкими, чтобы использовать вход в них.

Причина, по которой я не могу вставить функции напрямую, заключается в том, что я хочу, чтобы кнопка использовала функцию, которая специально создана для того, чтобы делать то, что хочет пользователь.

Я также не знаю, JQuery, HTML JavaScript внутренне и CSS

Answer 1

Да, но вы на совершенно ложном пути: вам не нужно, чтобы создать новую функцию в ответ на пользовательский ввод, чтобы сделать это.

Вам просто нужно использовать пользовательский ввод в функции.

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); 

Answer 2

Необходимо создать функцию, переданную обработчику кликов кнопки. Когда кнопка нажата, мы можем получить значение ввода и обработать его оттуда. Вот работающий fiddle.

function hideById() { 
    var id = document.getElementById('id').value; 
    document.getElementById(id).style.display = 'none'; 
} 

document.querySelector("button").addEventListener("click", hideById);