add an class to a function goForit()

Question

I have the following code:

function goForit() {
  var passwd;
  passwd = document.forms['giftForm'].pass.value;
  if(passwd=="yes"){
  window.open ('eat.html','_self',false)
  }
  else{
  alert('Password wrong');
  }
}

<form id="giftForm">        
    <input type="text" id="pass" placeholder="" style="font-size:150%;"/>
    <br />
    <input type="button" onClick="goForit()" value="Submit" style="font-size:100%; margin-top:15px;" />                 
 </form>

If someone enters "yes" as the password and clicks the submit button. The user will be redirected to the eat.html page.

I want to pass the .carrot class with the redirect, so the proper image will appear. How do I add the .carrot class to the following code?

If you are using PHP as well, you can pass it with GET. Not sure if it is possible with just javascript. — Hunter Mitchell, Oct 14 '13 at 23:42
Oh God, please tell me this is not how you are authenticating users. — Ayush, Oct 14 '13 at 23:42
@xbonez this is nothing that will ever see production. Its only use will be for a 5 minute presentation, then all will be scratched. — need2nobasis, Oct 14 '13 at 23:45
@EliteGamer on the redirect, could I do something like body class="carrot" to get it to trigger on load? — need2nobasis, Oct 14 '13 at 23:48

score 2 · Accepted Answer · edited May 23 '17 at 11:57

2

Take a look here:

How to redirect on another page and pass parameter in url from table?

Html:

<input type="button" name="theButton" value="Detail" class="btn" data-username="{{result['username']}}" />

then check the redirected url's Location:

Javascript:

$(document).on('click', '.btn', (function() {

    var name = $(this).data('username');

    if (name != undefined || name != null) {
        window.location = '/player_detail?username=' + name;
    }
});

Also, another StackOverflow Question:

Javascript redirect and Pass Argument to redirected Page

edited May 23 '17 at 11:57

Community

1
1

answered Oct 14 '13 at 23:48

Hunter Mitchell

7,063
18
69
116

1

@tymeJV ha, sorry, let me re-write in Javascript – Hunter Mitchell Oct 14 '13 at 23:50
1

Thought I'd let ya know before a hail of downvotes came flying in :D – tymeJV Oct 14 '13 at 23:53
Since `undefined == null`, the second expression is redundant. – RobG Oct 15 '13 at 00:53

score 1 · Answer 2 · answered Oct 15 '13 at 01:03

You've accepted an answer, but here's an alternative that's closer to the original and doesn't need jQuery:

<button type="button" value="goForit(this)" value="carrot" ... >Go for it</button>

Then in the function:

function gotForit(el) {
  if (el.form.pass.value.toLowerCase() == 'yes') {
    window.location = 'eat.html?username=' + el.value;
  } else {
    alert('oops…');
  }
}

add an class to a function goForit()

2 Answers2