Не работает скрипт js в Elementor. Что не так с кодом?

Question

[Владимир]

Код работает в отдельном HTML (не на сайте), но с сайтом не хочет дружить. Может быть нужно, что-то изменить? Но мой уровень не позволяет понять суть проблемы.

spoiler

<script type="text/javascript">
		var i = 0;
		var answers = [
			"No",
			"Yes",
		];

		$(function () {

			$('.panel-text').click(function () {
				i = Math.floor(Math.random() * answers.length)
				showText(this, answers[i]);
			}); ;

			function showText(panel, text) {

				var panel = $(panel);
				var msg = $('.message', panel);
				panel.fadeOut(500, function () {
					msg.html(text);
					panel.fadeIn(500);
				});
			}
		});
	
	</script>
		<div class="ball">
			<div class="panel-text">
				<div class="message">
						Click,<br>
						for answer
				</div>
			</div>
		</div>

Comments

[Антон Литвиненко]

а что консоль говорит?

[Владимир]

Антон Литвиненко, скажу прямо, код раздобыл на просторах интернета для нужд сайта...

[yarovikov]

Антон Литвиненко, консоль еще найти для начала нужно :)

Answer 1

[Владимир]

Скрипт заработал, когда добавил этот код:

<!-- https://code.jquery.com/ -->
<script src="https://code.jquery.com/jquery-3.5.1.min.js"
   integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
   crossorigin="anonymous"></script>

<!-- Google -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<!-- microsoft.com -->
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.5.0.min.js"></script>

<!-- https://cdnjs.com/  -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.js" 
integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>