Uncaught SyntaxError: Идентификатор '$ ......' уже объявлен

Question

поэтому у меня есть такой код, я использовал его для компонента

<p><input id="note" ></p>
<div><span class="dialog"></span></div>

<script>
let $mathElement = $('.dialog');
let dialSpan = $mathElement[0];
let noteSpan = document.getElementById('note');

try {
    // a function to render
	render(noteSpan.value, dialSpan);
}
catch(e) { 
	
}

</script>

, а также есть функция, позволяющая мне скрывать и показывать этот компонент. но проблема в том, что после того, как я скрываю и снова открываю его, возникает ошибка, в которой говорится, что "$ element" уже объявлен. Не могли бы вы, ребята, сказать мне, как избежать этой ошибки

ошибка:

Answer 1

Вы не можете переопределить / переопределить переменную let.

Вы можете использовать здесь var.

 var $mathElement = $('.dialog');
    var dialSpan = $mathElement[0];
    let noteSpan = document.getElementById('note');