JavaScript - Javascript - Accessing Object's Internal Properties

var colorPicker = {

  mainColor: "red",

  backgroundColor: this.mainColor + "bkgd",

}

function main(input){//start of main function//
		
	function Click(who, where, what){ //this is the method for checking if it's taken or not and writing the X or O if it isn't//


 /*the argument who represents a number. 0 is no one, 1 is human, 2 is AI; where is a string literal 
representing the spot on the grid*/

		switch(this.taken){
			
			case 0:
			this.taken = who;
			document.getElementById(where).innerHTML = what;
			break;
		
			case 1:
			alert("this spot is taken");
			break;
			
			case 2:
			alert("this spot is taken");
		}//end switch
	}//end Click
			

	function Box(inputhere){//start of class//	
		this.taken = 0;
		this.pick = Click;
	}

//end of Box class//

   //object declarations (I cut out most of them and left only the relevant ones//

	var topleft = new Box();
        var topmid = new Box();
	var topright = new Box();
	var centerright = new Box();

   //end of object declarations//


	switch (input){

/*in each .pick(), the first arg is whether or not a player chose it (1 = player did, 2 = comp did). 
The second arg is which box and the third is whether to put an X or O. The input variable in the switch statement is an argument passed through main() when the 
player clicks on a box. Topleft passes 1.1, topmid passes 1.2 and so on.*/

			case 1.1:{

//The first instance of .pick() in each case is what the player did. The second is what the AI will do in repsonse.//

               
			topleft.pick(1, "topleft", "X");
                        topmid.pick(2, "topmid", "<span>O</span>");

		break;
			}//end of case 1.1
			
			case 1.3:{
			topright.pick(1, "topright", "X");
			centerright.pick(2, "centerright", "<span>O</span>");
		break;
			}//end of case 1.3
	}//end of switch


}//end of main//

<script type="text/javascript" src="jqueryjs.js"></script>
<script type="text/javascript" src="jqueryuiaccor.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#accordion').accordion();
    });
</script>

<div id="container">
<div id="content">
<div id="sidebar">
        <ul id="accordion">
            <li>
                <a href="#recent" class="heading">Unit 1</a>    
                    <ul id="accordion">             
                        <li> <a href="#recent" class="heading">Chapter 1 </a> </li>
                                <ul id="accordion2">
                                    <li> Lesson 1 </li>
                                </ul>
                    </ul>
                    </li>
                    <li>
                    <a href="#recent" class="heading">Unit 2</a>    

                    <ul id="accordion">             
                        <li> <a href="#recent" class="heading">Chapter 1 </a> </li>
                                <ul id="accordion">
                                    <li> <a href="#recent" class="heading" role="tab" aria-expanded="true">Chapter 2 </a>
                                        <ul id="accordion">
                                            <li> <a href="#recent" class="heading">Lesson 1 </a></li>
                                        </ul>
                                    </li>
                                </ul>
                    </ul>
            </li>
        </ul>       
    </div>
    </div>
</div>

$(document).ready(function() {
    $('ul#accordion a.heading').click(function() {
        $(this).css('outline','none');
        if($(this).parent().hasClass('current')) {
            $(this).siblings('ul').slideUp('slow',function() {
                $(this).parent().removeClass('current');
                $.scrollTo('#accordion',1000);

            });
        } else {
            $('ul#accordion li.current ul').slideUp('slow',function() {
                $(this).parent().removeClass('current');
            });
            $(this).siblings('ul').slideToggle('slow',function() {
                $(this).parent().toggleClass('current');
            });
            $.scrollTo('#accordion',1000);

        }
        return false;

    });

});

myObject.someMethod('something').anotherProperty

document.getElementById('someId').style.morestuff

function someGreatAPI(){
     this.property1='';
     this.property2='';
     //...
     this.method1 = function(var1){            //this should make my firstMethod
           this.nestedProperty = 0;
           this.nestedMethod = someFunction;  //firstMethods nested method

     }
}

//so I can use it like...

var obj = new someGreatAPI();
obj.method1(10).nestedMethod();

<html>
<head>
Test



<SCRIPT LANGUAGE="JavaScript">
// JavaScript statements go here
function test(tmpForm) {
window.alert(tmpFrm.elements["weight"].value);
window.alert(tmpForm.elements["error"].innerHTML);
}
</SCRIPT>

</head>

<body>
<form id="form_137" name="form_137">
<input id="weight" name="weight" value="" />
<span id="error" name="error">abc</span>
<INPUT TYPE="button" id="btnSubmit" NAME="btnSubmit" VALUE="Submit" onClick="test(this.form);">

</form>

<form id="form_137_down" name="form_137_down">
<input id="weight" name="weight" value="" />
<span id="error" name="error">zzz</span>
<INPUT TYPE="button" id="btnSubmit" NAME="btnSubmit" VALUE="Submit" onClick="test(this.form);">

</form>

</body>
</html>

if (blnError == true){
	return false;
	}  
	else {
	   DisplayOutput();
	   GetValues();
	}

function PortraitOrder(){
	var cost;
	this.copies = "";
	this.portrait = "";
	this.size = "";
	this.buyer = "";
	var CalculateCost = {
    	   met1 : function () {
		if(size == 0){
		   cost = this.copies * 10
    		}
		else if(size ==1){
		   cost = this.copies * 20
		}
		else if(size ==2){
		   cost = this.copies * 10
		}
		else if(size ==3){
		   cost = this.copies * 30
		}
		else{
		   cost = this.copies * 20
		}
	   }
	}	   	
}

function GetValue(){
	this.copies = document.forms[0].Copies.value;
	this.buyer = document.forms[0].Buyer.value;
	var file = document.getElementsByName('Filename');
	for(var i = 0; i < file.length; i++){
    	if(file[i].checked){
       	 this.portrait = file[i].value;
    	}
	}
	
	var sizes = document.getElementsByName('Size');
	for(var i = 0; i < sizes.length; i++){
    	if(sizes[i].checked){
       	  this.size = sizes[i].value;
    	}
	}

	GetValue.prototype.email = document.forms[0].Email.value;
}

function DisplayOutput(){
	CalculateCost.met1();
	document.write("buyer: " + this.buyer);
	document.write("Email: " + email);
	document.write("Portrait: " + this.portrait);
	document.write("Copies: " + this.copies);
	document.write("Cost: " + "$"+cost.toFixed(2));
	document.write("Thank you");
}