Блог

Главная - Вопросы по программированию - Основы JavaScript для создания игры с пузырьками

Основы JavaScript для создания игры с пузырьками

#javascript #jquery #css

#javascript #jquery #css

Вопрос:

Мне нужна помощь с основами Javascript проблема, с которой я сталкиваюсь, заключается в том, что моя кнопка «Пуск» при нажатии на нее должна создавать приглашение, запрашивающее у пользователя имя и сохраняющее его в созданной вами переменной. У меня есть функция doc ready, работающая нормально, однако кнопка не работает должным образом.

Вот мой код и спасибо за помощь

 <!-- Name: <Put name here> Date: <Put date here> Class: CSCI2447, Javascript Fundamentals Project X -->

<!DOCTYPE html>

<html>

<head>

<title>POP-The- Bubble (CSCI2447)</title>

<!-- CSS styles: This is for me to worry about; not you. -->

<link href="css/game.css" rel="stylesheet" />

<link href="[https://fonts.googleapis.com/css2?family=Sunshineyamp;display=swap](https://fonts.googleapis.com/css2?family=Sunshineyamp;display=swap)" rel="stylesheet">

<script src = "jquery-3.5.1.min.js"> </script>

<script> $( document ).ready(function() { var first Name = prompt("Enter First Name of Gamer:"); </script>

</head>

<body>

<div id="content">

<h1>Pop-The-Bubble</h1>

<p>After clicking "start", you will have 30 seconds to click

on as many bubbles as you can. The bubbles will appear quickley so be ready!

</p>

<div id="controls">

<span id="score">0 pts</span>

<button type="button" id="start_button">Start!</button>

</div>

<div id="gamespace">

<img class="gameimage" src="img/bubblefun2.png" height = "120" width = "120"

</div>

</body>

</html>

Комментарии:

1. Вы не закрыли $(document).ready(function() { .. т.е. : }) .Кроме того, удалите пробел между first Name .

2. Хорошо, спасибо, я попробую это прямо сейчас, и мне может понадобиться дополнительная помощь позже

Ответ №1:

Ваша функция должна закрываться закрывающими фигурными скобками } и скобкой ) => })

$( document ).ready(function() { var firstName = prompt("Enter First Name of Gamer:") });

Кроме того, у вас есть пробел между именем и именем, это приведет к ошибке в javascript Unexpected identifier . Удалите пробел, чтобы в качестве имени переменной была одна строка firstName