未定義的函數Javascript（基本）

Question

對不起，打擾了這類問題，我試圖尋找解決我的問題，但找不到任何應用。

我試圖通過單擊其他元素來切換一個元素上的一類，這樣做：

var myCanvas = document.querySelector('main'); 

function btOne() { 
    myCanvas.classList.toggle("one"); 
} 

我定義我想添加一個類div和定義的功能。

<main></main> 
<div class="pickers"> 
    <div class="pick one" onclick="btOne()"></div> 
</div> 

它說，當我點擊div時，函數沒有定義。 我似乎無法弄清楚它有什麼問題。 查看我的DEMO真正看到發生了什麼。

在旁註中，我試圖不使用jQuery等庫。

Answer 1

的jsfiddle被包裹在onload回調導致function btOne在函數內部作用域和不隱含全局範圍代碼。

如果你想有btOne可以在全球範圍內，你需要明確地賦值：

window.btOne = btOne; 

updated fiddle