JavaScriptのconsoleが表示されません。

<script scr="main.js"></script>

ではなく

<script src="main.js"></script>

ですね

打ち間違いですね

VSCodeからLive ServerでChromeブラウザを起動して
index.htmlを表示しDebbuger for Chromeでデバッグします。

以下が参考になります。

https://codeaid.jp/vscode-js-debug/
https://qiita.com/C3REVE/items/273646ad028e98758e70#console-%E3%83%91%E3%83%8D%E3%83%AB

ChromeなどのWebブラウザでindex.htmlを開き、F12などを押すと開発者ツールが表示されます。
そこの、Consoleタブを選択すると表示されます。