Member 13036785 Ответов: 1

Может ли кто-нибудь исправить мой код jquery?

Я сижу и пишу этот код уже около 4 часов и все еще не могу заставить его работать
кто-нибудь может мне помочь, пожалуйста?
это html код:
<!DOCTYPE html>
<html>
<head>
  <link rel='stylesheet' type='text/css' href='style.css'>
</head>
<body>
<button id = "button">test</button>
<h1 style = "font-size: 1.5em; font-family: verdana; color: black;">the answer</h1>
<script src='https://code.jquery.com/jquery-3.1.0.min.js'></script>
<script type="text/javascript">
$('#button').on('click', function() {
	var randomAnswer = Math.random();
	if(randomAnswer < 0.1) {
alert("hey");
	} else if(randomAnswer <= 0.2) {
alert("hey");
	} else if(randomAnswer <= 0.3) {
alert("hey");
	} else if(randomAnswer <= 0.4) {
alert("hey");
	} else if(randomAnswer <= 0.5) {
alert("hey");
	} else if(randomAnswer <= 0.6) {
alert("hey");
	} else if(randomAnswer <= 0.7) {
alert("hey");
	} else if(randomAnswer <= 0.8) {
alert("hey");
	} else if(randomAnswer <= 0.9) {
alert("hey");
	} else {
alert("hey");
	}
});
$(document).ready(main);
</script>
</body>
</html>

Я добавил предупреждение ("Эй"); просто чтобы посмотреть, работает ли оно, и я не знаю почему, но jquery не взаимодействует с html.

Что я уже пробовал:

Я перешел на множество руководств и учебников, а также на w3schools и до сих пор не нашел, как это исправить

1 Ответов

Рейтинг:
2

Peter Leow

Все сводится к самому основному из jQuery-селекторам. Понимаете ли вы связь между:

<button id = "button">
и 
$('#button')
? Если нет, отправляйтесь в селекторы jQuery[^Как только вы узнаете, как работает селектор jQuery, примените его к своему коду. Допустим, вы хотите, чтобы ответ отображался в теге h1, 
<button id = "button">test</button>
<h1 id="answer">the answer</h1>
<script src='https://code.jquery.com/jquery-3.1.0.min.js'></script>
<script>
$('#button').on('click', function() {
    var $answer = $("#answer");
	var randomAnswer = Math.random();
    $answer.text(randomAnswer);
});
</script>