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

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

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;
 
 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;
 }
 var password = "hidden";
 var result;
 
 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