A-FrameのARモードでボタンを実装したい

Question

前提・実現したいこと

AframeのARモードでボタンを押すと音が流れるボタンを実装したいのですが
Javascriptの初心者で上手くいきません。
どこが間違ってるかご指摘いただきたいです

ボタンが動作しない

エラーメッセージ

<script> AFRAME.registerComponent('sound-on',{ init: function () { var entity = document.querySelector('sound'); let musicplay = () => { entity.components.sound.playSound() } this.el.addEventListener('click', musicplay); } }); </script>

https://glitch.com/edit/#!/arafrae

試したこと

https://aframe.io/docs/1.2.0/components/sound.html#example
https://github.com/aframevr/aframe/blob/master/examples/boilerplate/webxr-dom-overlay/index.html
https://learn.framevr.io/project5/part2

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。