How to use .innerHTML with a var created by let

Question

I'm trying to make a very simple app in javascript in order to get rgb color to be divided by 255. I want the result to appear on the index.html page but it hasn't worked can anyone tell me how to fix it.

Here is my HTML code:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>app</title>
    </head>
    <body>
        <script src="app.js"></script>
        <p id="red"></p>
    </body>
</html>

Here is my javascript code:

let red = prompt("Enter the red number here");
let green = prompt("Enter the green number here");
let blue = prompt("Enter the blue number here.");

let resultR = red/255; 
let resultG = green/255;
let resultB = blue/255;

document.getElementById("red").innerHTML = resultR;

`#red` does not exist in the HTML at the time the script is run. Give your script tag the `defer` attribute. — CertainPerformance, Jun 11 '18 at 08:18

score -2 · Answer 1 · answered Jun 11 '18 at 08:20

-2

It works fine though...

The problem may be that you call the JavaScript before Html so can't find the element.

let red = prompt("Enter the red number here");
let green = prompt("Enter the green number here");
let blue = prompt("Enter the blue number here.");

let resultR = red/255; 
let resultG = green/255;
let resultB = blue/255;

document.getElementById("red").innerHTML = resultR;

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>app</title>
</head>
<body>
<script src="app.js"></script>
<p id="red"></p>
</body>
</html>

answered Jun 11 '18 at 08:20

Terry Wei

1,454
8
16

Excuse me, he doesn't say where he put the JavaScript code. It doesn't make sense to vote down. – Terry Wei Jun 11 '18 at 08:23
Terry Wei , someone here thinks he is the best, lol – Akhil Aravind Jun 11 '18 at 08:35
I don't know If there's wrong to know why be voted down. If you have a clue, please tell me, thanks. – Terry Wei Jun 11 '18 at 08:38
Terry Wei, i too dont know, – Akhil Aravind Jun 11 '18 at 08:38

How to use .innerHTML with a var created by let

1 Answers1