Difference between revisions of "Introduction to JavaScript Fall 2011 Class 2"

esse quam videri
Jump to: navigation, search
Line 22: Line 22:
 
   var result;
 
   var result;
 
    
 
    
   document.getElementById('checkIt').onclick = function(){
+
   <div id="content">
   if(document.getElementById('password').value === password){
+
   <form>
   result = "access granted";
+
  <input id="password" type="password"/>
   } else {
+
   <input id="checkIt" type="submit" />
  result = "DENIED!";
+
   </form>
   }
+
  <h1 id="result">
  document.getElementById('result').appendChild(document.createTextNode(result));
+
 
   //document.getElementById('result').firstChild.nodeValue = result;
+
   </h1>
  return false;
+
 
  }
+
   </div>
  
  var password = "hidden";
 
  var result;
 
 
    
 
    
 
   document.getElementById('checkIt').onclick = function(){
 
   document.getElementById('checkIt').onclick = function(){

Revision as of 04:19, 13 September 2011

Back to Introduction to JavaScript Fall 2011

Lecture

Setting up your environment

Where to put script

Using the console

variable types

(why to use var)

  • string

( \ escape characters )

  • number
  • bool
  • more later

Conditional Statements

 var password = "hidden";
 var result;
 
 	<form>
 		<input id="password" type="password"/>
 		<input id="checkIt" type="submit" />
 	</form>


 document.getElementById('checkIt').onclick = function(){
 	if(document.getElementById('password').value === password){
 		result = "access granted";
 	} else {
 		result = "DENIED!";
 	}
 document.getElementById('result').appendChild(document.createTextNode(result));
 //document.getElementById('result').firstChild.nodeValue = result;
 return false;
 }

Homework

In-Class 2

In-Class 2 details

In-Class 3

In-Class 3 details

Assignment 2

Assignment 1 details