[解決済み】JavaScriptのボタンonclickが機能しない

質問

<button onclick="hello()">Hello</button>

<script>
  function hello() {
    alert('Hello');
  }
</script>

これは私のコードです。でも、うまくいきません。ボタンをクリックしても何も起こりません。

どうすればいいですか？

こんなのはどうでしょう？

<button id="hellobutton">Hello</button>
<script>
function hello() {
alert('Hello');
}
document.getElementById("hellobutton").addEventListener("click", hello);
</script>

追伸：ボタンの上にhello()を配置します。