There are several problems with your source that stopped Javascript from running:
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>You were missing the closing quotes for the src attribute. That made the DOM interpret everything after that as part of the src attribute, screwing up everything.
function maplestory( yummy ) {You had a closing curly bracket instead of an opening one. This caused a parse error because Javascript was expecting an opening curly bracket.
if( yummy.search( regex ) == 1 )You had an invisible character before the 1. This one was particularly difficult to find—I had to use my Javascript debugger to find it.
<label for="maplestory">E-mail</label>:<br><textarea name="maplestory" id="maplestory" cols="32" rows="1"></textarea><br>This shouldn't affect your problem, but you were missing the equals sign between the for and the "maplestory".
Since you seem to be having trouble getting it to work, copy and paste the below and see if it works. (For me, without editing the textboxes, if you click the submit button, you get an alert right away). If it doesn't work, let me know what browser you're using.
<!DOCTYPE HTML> <html lang="en-US"> <link rel="icon" type="image/png" href="img/favicon.png"> <link rel="stylesheet" type="text/css" href="css/new.css"> <title>Comments</title> </head> <body> <nav id="navbar"> Navigation: <table><tr> <td><a href="bio.html">Bio</a></td> <td><a href="resume.html">Resume</a></td> <td><a href="classes.html">Classes</a></td> <td><a href="new.html">New</a></td> </tr></table> </nav> <header> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> <script type="text/javascript"> function yay(){ if (document.poop.melon.value == "" || document.poop.melon.value == "Type comment here!" || document.poop.melon.value == "..." ) { alert ( "Fill in the comment box!" ); document.poop.melon.value = "Type comment here!"; return false; } if (document.poop.maplestory.value == "" || document.poop.maplestory.value == "" || maplestory (document.poop.maplestory.value)){ alert ("Dear Sir or Madam, please type in your e-mail address."); return false; } return true; } function maplestory(yummy) { var regex = /^[AZ09._%+]+@[AZ09.]+\.[AZ]{2,4}$/i; if( yummy.search( regex ) == -1 ) return true ; return false ; } </script> </header> <h2>Leave a poopy comment below:</h2> <form name="poop" id="poop" method="POST" action="//www.webdevfoundations.net/scripts/formdemo.asp" onsubmit="return yay();"> <textarea name="melon" id="melon" cols="32" rows="10">...</textarea><br> <label for="maplestory">E-mail</label>:<br><textarea name="maplestory" id="maplestory" cols="32" rows="1"></textarea><br> <input id="submit" type="submit" value="Submit"></form> <footer><div class="right"> name © 2010 </div></footer> <!-- It's a shame there's no unicode for the copyleft symbol :( --> </body> </html>This may happen if you haven’t used “export” statement. Use “export” before the function which will be imported into the script file. The JavaScript file is as follows which has the file name demo.js.
demo.js
console.log("function will import"); export function test(){ console.log("Imported!!!"); }Here is the “index.html” file that imports the above function −
index.html
Example
Live Demo
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initialscale=1.0"> <title>Document</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.12.4.js"></script> <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script> </head> <body> <script type='module'> import { test } from "./demo.js" test(); </script> </body> </html>To run the above program, save the file name “anyName.html(index.html)” and right click on the file. Select the option “Open with Live Server” in VS Code editor.
Following is the output from the file demo.js which has the function name test().
Updated on 02-Sep-2020 06:14:29
- Related Questions & Answers
- Should I always put my JavaScript file in the head tag of my HTML file?
- why Python can't define tuples in a function?
- Why is JavaScript case sensitive but HTML isn't?
- Why can't girls have all the fun?
- Why doesn't JavaScript have a goto statement?
- Why doesn't JavaScript support multithreading?
- How to import a single function from a Python module?
- Why can't we define a static method in a Java interface?
- Why can't a Java class be both abstract and final?
- Sending a table from UI5 application to ABAP Function Module
- Why can’t we override static methods in Java?
- Why can't static method be abstract in Java?
- Many of my friends find girls who smoke cool, why?
- Why is using the JavaScript eval() function a bad idea?
- How can I dynamically update my Matplotlib figure as the data file changes?