Help with very simple JavaScript

[ibbadib]

I am a noob with software development in general so go easy on me :-).

Anyway I started taking the Lynda course for JavaScript Essentials.

 

I have been trying to make a text field prompt you to write your email by displaying "your email. Then onFocus the value should be set to "". Then again onBlur should set it to "your email".

But it simply won't do it. It just does nothing. I know it's a small issue but I feel so dumb not being able to do this. especially since I already made this work once, I just had to delete the project for some other reason.

And I really checked 100 times to see if my code was any different from the teacher's.

 

Appropreate (how to spell?) HTML:

E-mail: <input id="email" type="text" name="email" /><br>

 

JavaScript:

 

var emailField = document.getElementById("email");

 

emailField.onFocus = function() {

if (emailField.value == "your email") {

emailField = "";

   }

};

 

emailField.onBlur = function() {

if (emailField.value =="") {

emailField = "your email";

   }

};

 

 

BTW: I linked correctly to the JS file as I can make an alert with no problems.

[Nuluvius]

Something like this: http://jsfiddle.net/MMM5L/?

<input id="emailField" type="text" name="email" value="your email" />

var emailField = document.getElementById("emailField");emailField.onfocus = function() {    if (emailField.value == "your email") {        emailField.value = "";    }}; emailField.onblur = function() {    if (!emailField.value) {        emailField.value = "your email";    }};

[ibbadib]

 

Something like this: http://jsfiddle.net/MMM5L/?

<input id="emailField" type="text" name="email" value="your email" />

var emailField = document.getElementById("emailField");emailField.onfocus = function() {    if (emailField.value == "your email") {        emailField.value = "";    }}; emailField.onblur = function() {    if (!emailField.value) {        emailField.value = "your email";    }};

Thanks it is working now:-). Although I have no clue to why it didn't in the first place...

[Nuluvius]

Thanks it is working now:-). Although I have no clue to why it didn't in the first place...

Lets see; you were accessing the events by incorrect names see here, they should have been lower case. You were also not referencing .value in places where you were attempting to set the value. Lastly the !emailField.value is an optimization over == "". Inspecting the console output via your browsers development tools will likely be of benefit to you in the future.

[Unknown_Guy]

How I Learned to Stop Worrying and Love the Bomb - debugger is your best friend. Drop it in before failing line and inspect whats going on. Great for experimenting too.

[ibbadib]

Lets see; you were accessing the events by incorrect names see here, they should have been lower case. You were also not referencing .value in places where you were attempting to set the value. Lastly the !emailField.value is an optimization over == "". Inspecting the console output via your browsers development tools will likely be of benefit to you in the future.

Wow thanks:-). And I did figure the .value thing out, but after I posted .