Javascript -使用字符串创建输入按钮-调用函数onclick时出现问题

// 创建按钮元素
var button = document.createElement('input');
button.type = 'button';
button.value = 'Click Me';

// 添加点击事件
button.onclick = function() {
    alert('Button clicked!');
};

// 将按钮添加到页面
document.body.appendChild(button);

// 使用模板字符串创建按钮
var buttonHtml = `<input type="button" value="Click Me" onclick="handleClick()">`;

// 将HTML添加到页面
document.body.innerHTML += buttonHtml;

// 定义处理函数
function handleClick() {
    alert('Button clicked!');
}

// 创建按钮元素
var button = document.createElement('input');
button.type = 'button';
button.value = 'Click Me';

// 添加点击事件监听器
button.addEventListener('click', function() {
    alert('Button clicked!');
});

// 将按钮添加到页面
document.body.appendChild(button);