HTML button not linking to JavaScript function

Question

Hey guys just having an issue with my HTML button not actually running my javascript function when clicked on.

The HTML:

<html>
<head>
<meta charset="utf-8">
<title>PROJECT</title>
<script language="javascript" src="Hangman.js"></script> 
</head>
<body>
  <input id = "Begin" type = "button" value = "Play">       
</body>
</html>

And here's the JS:

function start () 
    {
     document.getElementById("Begin").addEventListener("click",logic,false);
    }

function logic () 
    {
        document.writeln("yo");
    }

 window.addEventListener("load", start, false);

Sorry if this is an amateur question, it just so happens I'm an amateur. Thanks you guys in advance!

I just made two files: index.htm (with your HTML) and Hangman.js (with your JS). Your code works for me. Do you have Javascript turned on and is your file named Hangman.js in the same directory as your HTML file? — Cory J.
– Cory J., Commented Aug 17, 2016 at 10:29
add alert("HI"); in first line of your js code to make sure it's loaded :-) — aliva
– aliva, Commented Aug 17, 2016 at 10:40
you could use document.addEventListener("DOMContentLoaded", start()) — Martin
– Martin, Commented Aug 17, 2016 at 12:30

user6241578 · Accepted Answer · 2016-08-17 10:37:22Z

1

check this jsfiddle it is fixed

function start () 
    {
     document.getElementById("Begin").addEventListener("click",logic,false);
    }

function logic () 
    {
       alert();
    }

window.onLoad=start();

answered Aug 17, 2016 at 10:37

user6241578

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

HTML button not linking to JavaScript function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related