freeCodeCamp/curriculum/challenges/chinese/04-data-visualization/json-apis-and-ajax/handle-click-events-with-ja...

1.1 KiB

id title challengeType forumTopicId
587d7fad367417b2b2512be1 使用 onclick 属性处理点击事件 6 301503

--description--

你希望代码仅在页面完成加载后执行。为此,你可将名为DOMContentLoaded的 JavaScript 事件附加到文档中。以下是实现的代码:

document.addEventListener('DOMContentLoaded', function() {

});

你可以在DOMContentLoaded函数内部添加事件处理方法。你可以添加onclick事件处理器,当用户点击 id 为getMessage的元素时会触发事件。添加以下代码:

document.getElementById('getMessage').onclick = function(){};

--instructions--

DOMContentLoaded函数内为 id 为getMessage的元素添加一个 click 事件处理器。

--hints--

你的代码应该用document.getElementById方法来选择getMessage元素。

assert(code.match(/document\s*\.getElementById\(\s*?('|")getMessage\1\s*?\)/g));

你的代码应该添加onclick事件处理器。

assert(typeof document.getElementById('getMessage').onclick === 'function');

--solutions--