Javascript file not working

I am a new programmer looking for help as my external script is not working. I get no response and my console is not showing any variables. I ran a test script and that appears to be working. I am not sure if I am using console correct but when I use the start button, I get nothing back. Any help would be greatly appreciated.

<!doctype html>
  <meta charset="UTF-8">
    <!--<script src="js/bootstrap.min.js" type="text/javascript"></script>
	<script src="count.js" type="text/javascript"></script>-->

<body onload="setUp()">
  <h1>Numbers in a block</h1>
    <input type="text" id="beginTimeInput"> to <input type="text" id="endTimeInput">
    <button type="button" id="startButton">Start</button>
  <ul id="show"></ul>
      <input type="button" value="Result" onclick="display()"/>
	<script src="count.js" type="text/javascript"></script>


function setUp() {
// Getting the elements we need
let firstSubmit = document.getElementById(‘beginTimeInput’);
let secondSubmit = document.getElementById(‘endTimeInput’);
let startButton = document.getElementById(‘startButton’);
let showElement = document.getElementById(“show”);

// Giving the startButton the onclick functionality
startButton.onclick = function() {
    // Let us clean up and removing all the content of the showElement
    // to always start "fresh"
    showElement.innerHTML = '';

    // Getting the values of the inputs.
    // Pay attention, the user could have entered not a number or nothing!
    // Empty String will become 0 with Number("")
    let firstNumber = Number(firstSubmit.value);
    let secondNumber = Number(secondSubmit.value);

    // We do a quick check if the user enters zwo numbers, then the counter
    // is allowed to start, otherwise we don't start counting. This is not the
    // best solution, but you just started with JS so we keep it simple.
    // isNaN is a function to check if the passed value is not a number.
    // !isNan means then "is not not a number"... i hope you get the point
    // If firstNumber and secondNumber are the same, we also don't start.
    if (!isNaN(firstNumber) && !isNaN(secondNumber) && firstNumber != secondNumber) {
        // Set the result to firstNumber - 1, so at the first interval tick
        // it get increased to firstNumber and then is added in
        let result = firstNumber - 1;

        // Set an interval to count from firstNumber up to secondNumber
        // adding a new LI-Element to the showElement (in this case an UL-Element)
        // intervalID is a Number, representing the ID value of the timer
        // that is set. After counting is done we use this ID to stop the created
        // interval, so it will not count/tick/fire in the background when the
        // job is already done.
        let intervalID = setInterval(function() {

            // Creating the new LI-Element and append it to the showElement
            let newItem = document.createElement('li');
            newItem.innerText = String(result);

            // Check if we reached the secondNumber, if so, lets stop the interval
            // by using the intervalID we stored before
            if (result >= secondNumber) {
        }, 100);


type or paste code here

Hey @airartist74,

  • Next time you want to showcase a code, use the ``` backtick so it is easier for everyone to read.
    See this post to find the backtick on your keyboard.
    The “preformatted text” tool in the editor (</>) will also add backticks around text.

  • Did you link your JavaScript to your HTML?

My apologies as I thought I did the formatting correct but I must have missed something. I did link it at the bottom of the html right before the body. I guess I am not sure why this is better practice instead of in the head. I also ran a test link to a simple function and placed it at the bottom of the html and it worked

Typically, having your script tag at the bottom is better so it lets the HTML to render FIRST, so you can use the DOM API to grab elements and modify them. If you put it at the head, it won’t be able to see anything, because it’s run before the HTML. You can still put the <script> tag at the head, but you have to add the property defer to it. Anyways, can you give a screenshot of the code WITH the files, If you’re using VSCode or ATOM, just take a screenshot of it.


I am using dreamweaver but I just took a snip of each. I hope this helps. The input boxes just keep the values when submitting. I did test these on jfiddle and it worked just fine so i thought it was a linking issue or maybe an order of operations issue?

Hey thank you for looking. I found out that it was my dreamweaver server not displaying correctly. Running it on its own the code works fine.