Javascriptの実行環境が作れない

お世話になっております。
現在JavaScriptの入門のサイトを見ており、サンプルプログラムを真似ております。
しかしすみません、初歩の初歩の部分で詰まっております。
Googleで似たような事例を探しているのですがうまく見つけられませんでした。

■ 参考サイト
https://www.javadrive.jp/javascript/dom/index26.html

このサイトの以下のサンプルの実行結果が期待値と違い、対応に困っております

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>サンプル</title>
</head>
<body>

<script>
document.currentScript.insertAdjacentHTML('beforebegin', '<p>Hello</p>');
</script>

<script>
document.currentScript.insertAdjacentHTML('beforebegin', '<p>Bye</p>');
</script>

</body>
</html>

このコードの期待値としては

Hello

Bye

と表示されることなのですが、こちらの環境だと
ソースコードがそのままブラウザに表示されてしまいます。

【実行結果】

元々「sample5-1.js」というファイル名を付けていたことが起因し、JScriptファイルとみなされていたようで、
JScript用の実行ツールでプログラムが動作していたため、
ファイルのプロパティより「800A03EA」というエラーを吐いておりました。
そこでファイルのプロパティにより実行プログラムを「Google Chome」に変更した次第です。
どなたか解消法、お分かりの方は是非アドバイスをお願いいたします。