Errors while calling a function in JavaScript

Question

I am trying to make a time and date clock. I am getting all sorts of errors when trying to call a function:

<html>
<head>
    <title>Very Simple Clock By Ashton</title>
    <script>

        console.log("beginning creation of update function");

        function update() {
            document.getElementById('timeOutput').innerHTML = Date();
        }

        console.log("Successfully created update function");

        console.log("Calling the update function")

        update();

        console.log("successfully called the update function");
        </script>
</head>
<body>
    <p onload="update()" id="timeOutput">ERROR | Could Not Retrieve Time from server</p>
</body>

Answer 1

Body,Img,Iframe tags only have onload event p not supported.So Change with onclick event instead of onload

Only onload of p

 console.log("beginning creation of update function"); function update() { document.getElementById('timeOutput').innerHTML = Date(); }

 <p onload="update()" id="timeOutput">ERROR | Could Not Retrieve Time from server</p>

Change to click

 console.log("beginning creation of update function"); function update() { document.getElementById('timeOutput').innerHTML = Date(); } console.log("Successfully created update function"); console.log("Calling the update function") update(); console.log("successfully called the update function");

 <p onclick="update()" id="timeOutput">ERROR | Could Not Retrieve Time from server</p>

Answer 2

Onload does not work for <p> tags, so it is useless.

Enclosing update() inside window.onload() would allow it to work.

Errors while calling a function in JavaScript

Question

2 answers

solution1
0 2019-03-11 04:07:15

solution2
0 2019-03-11 04:11:23

Errors while calling a function in JavaScript

Question

2 answers

solution1 0 2019-03-11 04:07:15

solution2 0 2019-03-11 04:11:23

solution1
0 2019-03-11 04:07:15

solution2
0 2019-03-11 04:11:23