【javascript】HTMLのonclick属性をes6で使うとき

es6を使ってHTMLのonclick属性の関数を作ると「test is not defined at HTMLButtonElement.onclick」ってエラーが出た時の備忘録

windowオブジェクトに関数として認識させる

es5でfunction test() {…}みたいな書き方で書いていると問題ないんだけどes6で書くとwindowオブジェクトに関数であることを認識させる必要があるっぽい

<button input="button" onclick="test()">ボタン</button>

<script>
var test = () =>{
    console.log('ボタンがクリックされたよー');
}
//　↓これを追加
window.test = test;
</script>

普段使わないから知らんかった
console.log(window)で確認すると確かに追加されてた