mackenco · March 12, 2017 23:52
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html>
    <head>
        <title>Page Title</title>
    </head>
    <body>
        <canvas id="myCanvas"></canvas>
    </body>
 </html>
diff --git a/script.js b/script.js
 /* lines 2 - 14 set up functions to draw shapes 
 * you don't need to adjust them
 */
 var c=document.getElementById("myCanvas");
 var ctx=c.getContext("2d");

 function rectangle(length) {
    ctx.rect(20,20,length*2,length);
    ctx.stroke();
 }

 function circle(radius) {
    ctx.beginPath();
    ctx.arc(100, 75, radius, 0, 2*Math.PI);
    ctx.stroke();
 }

 // DO NOW STARTS HERE
 function draw() {
    if (shape === 'rectanle') {
        rectangle();   
    } else {
        
    }
 }

 // these two should work
 draw("rectangle", 10);
 draw("circle", 25);

 // these two should tell the user they did something wrong
 draw("banana", 5);
 draw("circle");
diff --git a/styles.css b/styles.css
 canvas {
    height: 400px;
 }
	/* lines 2 - 14 set up functions to draw shapes
	* you don't need to adjust them
	*/
	var c=document.getElementById("myCanvas");
	var ctx=c.getContext("2d");

	function rectangle(length) {
	ctx.rect(20,20,length*2,length);
	ctx.stroke();
	}

	function circle(radius) {
	ctx.beginPath();
	ctx.arc(100, 75, radius, 0, 2*Math.PI);
	ctx.stroke();
	}

	// DO NOW STARTS HERE
	function draw() {
	if (shape === 'rectanle') {
	rectangle();
	} else {

	}
	}

	// these two should work
	draw("rectangle", 10);
	draw("circle", 25);

	// these two should tell the user they did something wrong
	draw("banana", 5);
	draw("circle");