About as basic "Newbie-Question" that you can get.

jPaulB · Sep 4, 2023

Hi Everybody,

I grabbed this code from like page 20 in a "JavaScript for Dummies" book, but it doesn't work on any browser I have
or in any editor I use:

JavaScript:

<!DOCTYPE HTML>
<html>
<head>
<title>Hello, HTML</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="description" content="">
<meta name="keywords" content="">
<script>
    function countToTen() {
        var count = 0;
        while (count < 10) {
            count++;
            document.getElementByID("theCount").innerHTML +=count + "<br>";
        }
    }
    Code-Line Before Listing Code
</script>
</head>
<body onload="countToTen();">
    <h1>Let's count to 10 with JavaScript</h1>
    <p id="theCount"></p>
</body>
</html>

I can load this into Chrome, Firefox, Edge and I will only see the <h1>Let's count to 10 with JavaScript</h1> line.
The Console tab from the Developer Tools in Chrome tells me:
Uncaught TypeError: document.getElementByID is not a function

What can I do about this? JavaScript is enabled in all of the browsers I use

VBService · Sep 4, 2023

Set line shown below as comment

JavaScript:

//Code-Line Before Listing Code

The issue is with the document.getElementByID line inside the countToTen function. The function name should be getElementById with a lowercase "d" and not "ID" in uppercase. JavaScript is case-sensitive, so it's important to use the correct spelling.

document.getElementById

HTML:

<!DOCTYPE HTML>
<html>
  <head>
    <title>Hello, HTML</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <script>
      function countToTen() {
        var count = 0;
        while (count < 10) {
          count++;
          document.getElementById("theCount").innerHTML +=count + "<br>";
        }
      }
      //Code-Line Before Listing Code
    </script>
  </head>
  <body onload="countToTen();">
    <h1>Let's count to 10 with JavaScript</h1>
    <p id="theCount"></p>
  </body>
</html>

BTW,

JavaScript:

function countToTen() {
  let count = 0;
  while (count < 10)
    document.getElementById("theCount").innerHTML += (++count) + "<br>";
}

or

JavaScript:

function countToTen(count=0) {
  while (count < 10)
    document.getElementById("theCount").innerHTML += (++count) + "<br>";
}

jPaulB · Sep 4, 2023

VBService said:
Set line shown below as comment

JavaScript:

//Code-Line Before Listing Code

The issue is with the document.getElementByID line inside the countToTen function. The function name should be getElementById with a lowercase "d" and not "ID" in uppercase. JavaScript is case-sensitive, so it's important to use the correct spelling.

HTML:

<!DOCTYPE HTML> <html> <head> <title>Hello, HTML</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="description" content=""> <meta name="keywords" content=""> <script> function countToTen() { var count = 0; while (count < 10) { count++; document.getElementById("theCount").innerHTML +=count + "<br>"; } } //Code-Line Before Listing Code </script> </head> <body onload="countToTen();"> <h1>Let's count to 10 with JavaScript</h1> <p id="theCount"></p> </body> </html>

$#@^&*!!Ø®»ÆÝ
That was easy and now it works!
Thanks VBService

VBService · Sep 4, 2023

jPaulB said:
That was easy

JavaScript:

function countToTen() {
  const html = (new Array(10).fill('<br>').map((a,i) => (i+1) + a)).join('');
  document.getElementById("theCount").innerHTML = html;
}

jPaulB said:
$#@^&*!!Ø®»ÆÝ

What "might" I be doing wrong with this snippet?	6	Sep 25, 2023
Script stops working when using variables to save time typing...	4	Oct 31, 2022
Very Basic CC Validation Javascript	0	Oct 29, 2019
Why doesn't the function get called?	1	Nov 20, 2023
Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button>	1	Apr 22, 2023
Closing an overlay outside the overlay as well	1	Dec 11, 2022
I Need Help with making a function that draws in a canvas using location data.	1	Dec 17, 2021
Please Help?	0	Jul 23, 2022

About as basic "Newbie-Question" that you can get.

jPaulB

VBService

jPaulB

VBService

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads