diff --git a/Catherine_Rossi/for_a_billion copy.js b/Catherine_Rossi/for_a_billion copy.js new file mode 100644 index 0000000..5966fda --- /dev/null +++ b/Catherine_Rossi/for_a_billion copy.js @@ -0,0 +1,5 @@ +var amt= 0.01; +for (var i =1; i <= 30; i++) { + amt = amt * 2; +} +console.log("amount after 30 days is equal to " + amt); \ No newline at end of file diff --git a/Catherine_Rossi/i_do-declare.js b/Catherine_Rossi/i_do-declare.js new file mode 100644 index 0000000..3e54bd3 --- /dev/null +++ b/Catherine_Rossi/i_do-declare.js @@ -0,0 +1,18 @@ +var num1= 20; +var num2= 30; +var num3= 50; +var num4= 70; +var cityName1="Moscow"; +var cityName2="Buenos Aires"; +var cityName3="Singapore"; +var walkHome = false; +var takeDart= true; +var cat; +console.log(num2); +console.log(takeDart); +console.log(cityName3); +console.log(num3); +console.log(walkHome); +console.log(num2); +console.log(num1); +console.log(num2); \ No newline at end of file diff --git a/Catherine_Rossi/javaScriptTime.js b/Catherine_Rossi/javaScriptTime.js new file mode 100644 index 0000000..78f14a1 --- /dev/null +++ b/Catherine_Rossi/javaScriptTime.js @@ -0,0 +1,19 @@ +var h = 5; // h=5 m=45,p=pm +var m =45; +var p = "pm"; +var y =""; + +if (m<30){ + x ="It's just after " +} +if (m>30){ + h = h+1; +} +if { + p == "am"; + var y = "in the morning" +} +else { + y = "in the evening"; +} +console.log(x,h,y); \ No newline at end of file diff --git a/Catherine_Rossi/jquery_functions_assignment copy.css b/Catherine_Rossi/jquery_functions_assignment copy.css new file mode 100644 index 0000000..2c43542 --- /dev/null +++ b/Catherine_Rossi/jquery_functions_assignment copy.css @@ -0,0 +1,31 @@ +.container { + background-color: pink; +} +.box{ + border: 7px solid; + padding: 20px; + background-color: #eee; + display: inline-block; + +} +.box button { + +} +.box h3 { + +} +.box p { + +} +.red{ + color: red; +} +#fadein_p{ + display:none; +} +#ptest { + color: red; + font-weight: bold; + font-size: 22px; + +} \ No newline at end of file diff --git a/Catherine_Rossi/jquery_functions_assignment copy.html b/Catherine_Rossi/jquery_functions_assignment copy.html new file mode 100644 index 0000000..9090a63 --- /dev/null +++ b/Catherine_Rossi/jquery_functions_assignment copy.html @@ -0,0 +1,157 @@ + + + + JQuery Functions Assignment + + + + + +
+

My JQuery Basic Assignment!

+
+
+ +

.addClass() function

+

Click the button to add class "red" to this paragraph

+
+ +
+ +

.slideToggle() function

+

Click the button to slide toggle this paragraph

+
+ +
+ +

.append() function

+

Click the button to see the .append() work!

+
+ +
+ +

.click() function

+

Click the button to see how .click() works.

+
+
+ +

.toggle() function

+

Click the button to see the .toggle function work.It shows or hides a property

+
+
+ +

.fadeIn () function

+

Click the button to To see .fadeIn() work!

+

this function requires to have display:none in css first

+

to allow for the fade in to work

+
+
+ +

.fadeOut function

+

Click the button to see how .fadeOut() works

+
+
+ +

.before() function

+

Click the button to see the .before() work!

+
+
+ +

.after() function

+

Click the button to see the .after() work.

+
+
+ +

.hide() function

+

Click the button to hide this paragraph!

+
+ + + + + + + + + + +
+ +

addClass function

+

Click the button to add class "red" to theis paragraph

+
+
+ +

addClass function

+

Click the button to add class "red" to theis paragraph

+
+
+ +

addClass function

+

Click the button to add class "red" to theis paragraph

+
+
+ +

addClass function

+

Click the button to add class "red" to theis paragraph

+
+
+ +

addClass function

+

Click the button to add class "red" to theis paragraph

+
+
+ +

addClass function

+

Click the button to add class "red" to theis paragraph

+
+
+ +

addClass function

+

Click the button to add class "red" to theis paragraph

+
+
+ +

addClass function

+

Click the button to add class "red" to theis paragraph

+
+ + + \ No newline at end of file diff --git a/Catherine_Rossi/jquery_functions_assignment.css b/Catherine_Rossi/jquery_functions_assignment.css new file mode 100644 index 0000000..2c43542 --- /dev/null +++ b/Catherine_Rossi/jquery_functions_assignment.css @@ -0,0 +1,31 @@ +.container { + background-color: pink; +} +.box{ + border: 7px solid; + padding: 20px; + background-color: #eee; + display: inline-block; + +} +.box button { + +} +.box h3 { + +} +.box p { + +} +.red{ + color: red; +} +#fadein_p{ + display:none; +} +#ptest { + color: red; + font-weight: bold; + font-size: 22px; + +} \ No newline at end of file diff --git a/Catherine_Rossi/jquery_functions_assignment.html b/Catherine_Rossi/jquery_functions_assignment.html new file mode 100644 index 0000000..9090a63 --- /dev/null +++ b/Catherine_Rossi/jquery_functions_assignment.html @@ -0,0 +1,157 @@ + + + + JQuery Functions Assignment + + + + + +
+

My JQuery Basic Assignment!

+
+
+ +

.addClass() function

+

Click the button to add class "red" to this paragraph

+
+ +
+ +

.slideToggle() function

+

Click the button to slide toggle this paragraph

+
+ +
+ +

.append() function

+

Click the button to see the .append() work!

+
+ +
+ +

.click() function

+

Click the button to see how .click() works.

+
+
+ +

.toggle() function

+

Click the button to see the .toggle function work.It shows or hides a property

+
+
+ +

.fadeIn () function

+

Click the button to To see .fadeIn() work!

+

this function requires to have display:none in css first

+

to allow for the fade in to work

+
+
+ +

.fadeOut function

+

Click the button to see how .fadeOut() works

+
+
+ +

.before() function

+

Click the button to see the .before() work!

+
+
+ +

.after() function

+

Click the button to see the .after() work.

+
+
+ +

.hide() function

+

Click the button to hide this paragraph!

+
+ + + + + + + + + + +
+ +

addClass function

+

Click the button to add class "red" to theis paragraph

+
+
+ +

addClass function

+

Click the button to add class "red" to theis paragraph

+
+
+ +

addClass function

+

Click the button to add class "red" to theis paragraph

+
+
+ +

addClass function

+

Click the button to add class "red" to theis paragraph

+
+
+ +

addClass function

+

Click the button to add class "red" to theis paragraph

+
+
+ +

addClass function

+

Click the button to add class "red" to theis paragraph

+
+
+ +

addClass function

+

Click the button to add class "red" to theis paragraph

+
+
+ +

addClass function

+

Click the button to add class "red" to theis paragraph

+
+ + + \ No newline at end of file