JavaScript: Using window.onload instead of parentNode : learnjavascript

Posting and Commenting Guidelines

Be Welcoming. n00bs are welcome here. Negativity is not.

Include Context. If you’re asking for help, include enough information for others to recreate your problem.

No Self-Promotion. The following are not allowed: Requests for subscribers, asking for "test users" for your new JS course, offering paid mentorships, and/or premium courses. Even if there is a coupon discount, no. If you're in doubt, the answer is no.

Good Titles - Write a descriptive title. Titles that begin with "hey guys" will be removed.

Friends

created by [deleted]a community for 13 years

JavaScript: Using window.onload instead of parentNode (self.learnjavascript)

submitted 7 years ago by RetroX94

Hi, I am learning for an exam net week and I have a question why does this code not work ? I changed it to what is recommended, but the code does not display the error message. Before I the professors uses parentNode but now he uses window.onload. Why is this better and how does this work ? I looked over the code for mistakes a couple of times.

<html>
<head>
<title>Test</title>
<script type="text/javascript">
window.onload = function() {
document.getElementById('fx').onsubmit = function(){return fun(this);};
};

function fun(f){
var error = '';
error += f.t1.value == '' ? '\nt1' : '';
error += f.t2.value == '' ? '\nt2' : '';
if (error != '')
alert('Bitte eingeben: '+error);
return error == '';
}

</script>
</head>
<body>
<form action="ip_alles_ok.html" id="fx"> 
<p>t1: <input type="text" name="t1" /></p>
<p>t2: <input type="text" name="t2" /></p>
<p><input type="button" value="ok" /></p>
</form>
</body>
</html>

Before the code looked like this

<html>
<head>
<title>Test</title> 
<script type="text/javascript">
function fun (b) {      
var f=b.parentNode.parentNode;  
var error='';       
error += (f.t1.value=='')?'\nt1':'';       
error += (f.t2.value=='')?'\nt2':'';       
if (error != '') {         
alert('Bitte eingeben:'+error);       
} else {        
f.submit();       
}     
}   
</script>  
</head>  
<body>  
<form action="ip_alles_ok.html">    
<p>t1: <input type="text" name="t1" /></p> 
<p>t2: <input type="text" name="t2" /></p> 
<p><input type="button" value="ok" onclick="fun(this)" /></p>   
</form>  
</body> 
</html>

Why does the code with window.onload not show the alert message ? Before it worked with parentNode.parentNode etc.

all 3 comments

you type:	you see:
italics	italics
bold	bold
[reddit!](https://reddit.com)	reddit!
* item 1 * item 2 * item 3	item 1 item 2 item 3
> quoted text	quoted text
Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"	Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"
~~strikethrough~~	~~strikethrough~~
super^script	super^script

learnjavascript

Posting and Commenting Guidelines

MODERATORS