So I am brand new to coding and watched a couple videos I made a little game in Html can I get some help as to why it isn't working?

HTML-CSS
1

This code is not working whats wrong with it?

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Click the Ball Game</title>
  <link rel="stylesheet" href="style.css">
</head>

<body>
  <div class="container">
    <h1>Click the Ball!</h1>
    <p>Score: <span id="score">0</span></p>
    <div id="gameArea" display:none>
      <div class="ball" onclick="clickBall()"></div>
    </div>
  </div>
  <script src="script.js"></script>
</body>

</html>
2

what are you expecting that code to do?

3

I’ve edited your post to improve the readability of the code. When you enter a code block into a forum post, please precede it with three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add the backticks.

Pre-formatted-text
Pre-formatted-text1356Ă—380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

1 Like
4

It is a little game where you click the ball when it shows up

5

have you also written some JavaScript code for this?

6

The Ball doesn’t show up though

7

the code you have shared is not enough, have you written also some javascript?

8

Hi @Coded22 !

Welcome to the forum!

As mentioned earlier, we need more information. Right now you have only shared some HTML.

It might be easier to add all of this on codepen with the HTML, CSS and JS so we can see the full picture and help you better.

1 Like