html script src triggering redirection with button

Question

i have the following login html page for login located in design folder   lt html gt   lt head gt   lt title gt Login Page lt  title gt   lt script src  quot    Script login js quot  gt    lt  script gt    lt  head gt   lt body gt   lt h3 gt  Login lt  h3 gt   lt form name  quot login quot  gt  Location code   amp nbsp  amp nbsp  amp nbsp  amp nbsp  amp nbsp  amp nbsp   amp nbsp  amp nbsp   lt select name  quot ddl1 quot  gt  lt br gt     lt option value  quot loc1 quot  size 20 gt LH lt  option gt     lt option value  quot loc2 quot  gt AT lt  option gt     lt option value  quot sel quot  selected gt -------select------ lt  option gt   lt  select gt   lt br gt  lt br gt  Enter UserName  amp nbsp  amp nbsp     amp nbsp  amp nbsp  lt input type  quot Text quot  name  quot inp1 quot  size 20 gt  lt br gt  lt br gt  Enter Password  amp nbsp  amp nbsp  amp nbsp  amp nbsp   amp nbsp  amp nbsp    lt input type  quot password quot  name  quot pwd1 quot  size 20 gt  lt br gt  lt br gt    lt button type  quot button quot  name  quot login quot  onclick  quot log   quot  gt Login lt  button gt     lt  form gt    lt  body gt   lt  html gt   and also i have onother folder named scripts that contains the following login js file function log      var li parent head document getElementById  lin     var lo parent head document getElementById  lou       var passid   document login pwd1 value   var passid len   passid length     var un document login inp1 value    var e   document getElementById  quot ddl1 quot    var strUser   e options e selectedIndex  value   if strUser   quot loc1 quot     strUser   quot loc2 quot       if  passid len  gt   5             if un   quot admin quot               parent nav1 location href    nav admin html        document write  quot Hello admin quot         li style display    quot none quot        lo style display    quot  quot             else if un   quot clerec quot               parent nav1 location href    nav clerk reception html         document write  quot Hello reception clerk quot          li style display    quot none quot         lo style display    quot  quot             else if un   quot cledep quot              parent nav1 location href    nav clerk departemnt operations html        document write  quot Hello dept clerk quot         li style display    quot none quot        lo style display    quot  quot                   else if un   quot guest quot              parent nav1 location href    nav guest html        document write  quot Hello Guest quot         li style display    quot none quot        lo style display    quot  quot               else            document write  quot Wrong user name and password quot                   else            document write  quot password should be minimum 5 characters quot                  else               document write  quot Choose Location quot                function fnlog1      var lo parent head document getElementById  lou     var li parent head document getElementById  lin     lo style display    quot none quot    li style display    quot  quot    parent nav1 location href    navigate html       when i click log in button nothing works    no redirection takes place    html page does not call log   function

User · Answer

First you are linking the file that is here:

<script src="../Script/login.js">

Which would lead the website to a file in the Folder Script, but then in the second paragraph you are saying that the folder name is

and also i have onother folder named scripts that contains the the following login.js file

So, this won't work! Because you are not accessing the correct file. To do that please write the code as

<script src="/script/login.js"></script>

Try removing the .. from the beginning of the code too.

This way, you'll reach the js file where the function would run!

Just to make sure:

Just to make sure that the files are attached the HTML DOM, then please open Developer Tools (F12) and in the network workspace note each request that the browser makes to the server. This way you will learn which files were loaded and which weren't, and also why they were not!

Good luck.

User · Answer

Your foldername is scripts    Change    lt script src     Script login js  gt    to   lt script src  scripts login js  type  text javascript  gt  lt  script gt

User · Answer

your folder name is scripts    and you are Referencing it like    script login js  Also make sure that script folder is in your project directory   Thanks

User · Answer

I was having this problem but i found out that it was a permissions problem I changed my permissions to 0744 and now it works  I don t know if this was your problem but it worked for me

[javascript] html script src="" triggering redirection with button

Examples related to javascript

Examples related to html

Examples related to src