Link javascript function to Submit button

Question

This is the structure of my HTML:

<html>
<body>
<head>
...
   <script type='text/javascript' src="js/javascript.js"></script>
</head>
...
<button class="submit" onclick="submitted()">Submit</button>
</body>
</html>

My file directory is Desktop/Project/. Within the project folder the HTML file is on its own and there is a subfolder called js where javascript.js exists.

Within the external js file it goes something like this:

function submitted(){
...
subtask(variable)
...
}

function subtask(param){
...
}

Within submitted() I added alert('hello'); as the first thing and it wouldn't trigger the alert when I refresh the html page. Am I doing something wrong?

Are any errors being reported? Check the "Console" in your browser's dev tools. — Jonathan Lonowski
– Jonathan Lonowski, Commented Apr 25, 2016 at 3:49
@timolawl it's a typo while I was posting this question here. The typo does not exist in my actual project file — btrballin
– btrballin, Commented Apr 25, 2016 at 3:50
Why do you expect the alert when you refresh the page? You call the function when the button is clicked, not on page load. Please state the problem more clearly. — nnnnnn
– nnnnnn, Commented Apr 25, 2016 at 3:52

Steven Petryk · Accepted Answer · 2016-04-25 03:51:39Z

1

Change your <script> tag to:

<script type="text/javascript" src="js/javascript.js"></script>

.. means "one directory above the current directory".

answered Apr 25, 2016 at 3:51

Steven Petryk

6834 silver badges12 bronze badges

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

5 Comments

btrballin Over a year ago

So I changed the directory link syntax and created a separate function called submit(){ alert("hi"); } in the js file and change the submit button HTML to <button class="submit" onclick="submit()">Submit</button> but it won't trigger the alert...

btrballin Over a year ago

That's weird. I'm getting some syntax error even though I commented out all the other code and kept on the submit() function. When I check the console, the source code doesn't even have the newly created submit function even though I saved the source code and refreshed the HTML page.

Steven Petryk Over a year ago

@btrballin, make a JSFiddle and post it please.

btrballin Over a year ago

Hey Steven. Any idea why my js source code isn't updating? I commented out all my other code and created the simple function with alert, but when I saved and refreshed the HTML page, it doesn't show the js source code being updated with code commented and new simple function added when I check the js console in Chrome.

Steven Petryk Over a year ago

I'm glad you got this fixed! Could you mark this as answered?

Lujun Weng · Accepted Answer · 2016-04-25 08:01:53Z

0

According to your descriptions, the html file is within project folder and the js file is within project/js folder, then the src path ../js/javascript.js must be wrong. Try js/javascript.js

Originally, I thought it was because you put your script tag within head, not after button tag. But I tried it. It works well with script in head

edited Apr 25, 2016 at 8:01

answered Apr 25, 2016 at 3:58

Lujun Weng

1072 silver badges7 bronze badges

2 Comments

btrballin Over a year ago

So when I check the javascript console, it looks like the source code isn't updating. I had 2 functions before. I commented out the 2 functions and added the simple function with alert, but when I see the console, it doesn't show the js code commented out with the new submit function. It just shows the 2 original functions. Why isn't the js code updating when I refresh the page in my browser? I made sure to save the HTML and JS file.

btrballin Over a year ago

Nvm. I had 2 js files of same name in different locations and I was updating the wrong js file. My issue is resolved!

Collectives™ on Stack Overflow

Link javascript function to Submit button

2 Answers 2

5 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related