javascript - 我的函数没有在 JavaScript 中运行

Question

如何让这段代码在 HTML 的“head”标签中工作。我必须使用这两个功能，而不能只使用一个功能。我知道这是不好的做法，但我该怎么做呢？感谢您的帮助。

var myImage;
function prepareEventHandlers() {
    var myImage = document.getElementById('mainImage');
}

function runEvents() {
    myImage.onclick = function() {
        alert('You clicked on the image.');
    };
}

window.onload = function() {
    prepareEventHandlers();
    runEvents();
}

Answer 1

您需要在prepareEventHandlers()中删除var，因为您正在声明一个名为myImage的新局部变量，而不是分配外部变量。

    var myImage;

    function prepareEventHandlers() {
        myImage = document.getElementById('mainImage');
    }