Блог

Главная - Вопросы по программированию - Я хочу использовать кнопку при нажатии на активный какой-нибудь javascript?

Я хочу использовать кнопку при нажатии на активный какой-нибудь javascript?

#javascript

#javascript

Вопрос:

Следующие JS и HTML не работают. Когда я нажимаю на кнопку, она должна отображать только имена, в которых есть буква a. Кроме того, я хочу сохранить onClick на стороне javascript. 

 var names = ["Lars", "Jan", "Peter", "Bo", "Frederik", "Anna"];

var result = names.filter(function(name) {
  return name.includes("a");

});

document.getElementById("btn").onclick = resu<  
 <button id="btn">Get names with letter a</button>

Комментарии:

1. Вы назначаете массив обработчику событий

2. Что бы вы ожидали от этого? Вы также нигде никак не выводите имена.

3. ну, я новичок в JS. Итак, я еще не до конца понял все части DOM.

Ответ №1:

 var names = ["Lars", "Jan", "Peter", "Bo", "Frederik", "Anna"];
document.addEventListener('DOMContentLoaded', () => {

    document.getElementById("btn").addEventListener("click", () => {
        var result = names.filter(function (name) {
            return name.includes("a");
        });
        console.log(result)
    });
});  
 <button id="btn">Get names with letter a</button>

Вы должны фильтровать внутри прослушивателя событий и выводить на консоль

Комментарии:

1. значит, все, что я хочу отобразить в HTML, должно быть прикреплено к eventlistener???

2. Я использую visual Studio. Когда я запускаю код, кнопка не работает?? похоже, что он не может загрузить результат.

3. Вы проверили свою консоль?