HTML5 AND JAVASCRIPT- What could be wrong with that code

HTML-CSS
1

image
image1920×1080 199 KB

2

Photos/screenshots of an error can be helpful, but it also helps to provide the complete code. Posting the code helps us help you better!

When you enter a code, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

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

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 (').

3 
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="/index.css" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>World Editor</title>
  </head>
  <body>
    <h1>World Editor</h1>
    <canvas class="myCanvas"></canvas>

    <!-- script -->
    <script>
      
        myCanvas.width = 800;
        myCanvas.height =800;
        
    </script>
    <script src="/index.js"></script>
  </body>
</html>
4

What about it? Do you have a question?

5

the canvas is supposed to enlarge but nothing happens that the complete code.

6

What is myCanvas supposed to be?

You have to get the element first, e.g. querySelector.

<canvas class="myCanvas"></canvas>
<script>
  const myCanvas = document.querySelector(".canvas");
  myCanvas.width = 800;
  myCanvas.height = 800;
</script>

Or, because ids are global, you could also just add id="myCanvas" to the canvas element. But I really wouldn’t suggest relying on ids being global, it is just confusing to read.

<canvas id="myCanvas" class="myCanvas"></canvas>
<script>
  myCanvas.width = 800;
  myCanvas.height = 800;
</script>
7

lemme try that idea hope it’s gonna work fine