Skip to content

For a Billion Assignment #53

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Catherine-R wants to merge 4 commits into
base: master
Choose a base branch
from
Open

For a Billion Assignment #53

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
a05c73b
Merge remote-tracking branch 'CodingDojoDallas/master' into Catherine…
Catherine-R Feb 6, 2017
b4d0fe6
jQuery functions assignment
Catherine-R Feb 7, 2017
9fc4cd9
For a Billion Assignment
Catherine-R Feb 10, 2017
c0711ca
Last Assignments for JQuery and JS
Catherine-R Feb 10, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions Catherine_Rossi/for_a_billion copy.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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);
18 changes: 18 additions & 0 deletions Catherine_Rossi/i_do-declare.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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);
19 changes: 19 additions & 0 deletions Catherine_Rossi/javaScriptTime.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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);
31 changes: 31 additions & 0 deletions Catherine_Rossi/jquery_functions_assignment copy.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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;

}
157 changes: 157 additions & 0 deletions Catherine_Rossi/jquery_functions_assignment copy.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,157 @@
<!DOCTYPE html>
<html>
<head>
<title>JQuery Functions Assignment</title>
<link rel="stylesheet" type="text/css" href="jquery_functions_assignment.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#add_class").click(function(){
// alert("it works!");
$("#add_class_p").addClass("red");
});
$("#stoggle_btn").click(function(){
$("#stoggle_p").slideToggle();
});
$("#append_btn").click(function(){
$("#append_btn").append(" AND GOODBYE");
});
$("#click_btn").click(function(){
$("click_btn").click();
});
$("#toggle_btn").click(function(){
$("#toggle_p").toggle();
});
$("#fadein_btn").click(function(){
$("#fadein_p").fadeIn("slow");
});
$("#fadeout_btn").click(function(){
$("#fadeout_p").fadeOut("slow");
});
$("#before_btn").click(function(){
$("#before_p").before("<p id=\"ptest\">TEST</p>"); //escape character used to isolate the ""marks. Can add class in parameters area
});
$("#after_btn").click(function(){
$("#after_p").after("<p id=\"ptest\">TEST</p>");
});
$("#hide_btn").click(function(){
$("#hide_p").hide("show");
});



});
</script>
</head>
<body>
<div class="container">
<h1>My JQuery Basic Assignment!</h1>
</div>
<div class="box">
<button id="add_class" type="button">Click Me To Add Class!</button>
<h3>.addClass() function</h3>
<p id="add_class_p">Click the button to add class "red" to this paragraph</p>
</div>

<div class="box">
<button id="stoggle_btn" type="button">Click Me To Slide Toggle!</button>
<h3>.slideToggle() function</h3>
<p id="stoggle_p">Click the button to slide toggle this paragraph</p>
</div>

<div class="box">
<button id="append_btn" type="button">HELLO!</button>
<h3>.append() function</h3>
<p>Click the button to see the .append() work!</p>
</div>

<div class="box">
<button id="click_btn"type="button">Click Me To see .click work!</button>
<h3>.click() function</h3>
<p>Click the button to see how .click() works.</p>
</div>
<div class="box">
<button id="toggle_btn"type="button">Click Me To .toggle().</button>
<h3>.toggle() function</h3>
<p id= "toggle_p"> Click the button to see the .toggle function work.It shows or hides a property</p>
</div>
<div class="box">
<button id="fadein_btn"type="button">Click Me To see .fadeIn() work!</button>
<h3>.fadeIn () function</h3>
<p id="fadein_p"> Click the button to To see .fadeIn() work!</p>
<p> this function requires to have display:none in css first</p>
<p> to allow for the fade in to work</p>
</div>
<div class="box">
<button id="fadeout_btn" type="button">Click Me To .fadeOut()!</button>
<h3>.fadeOut function</h3>
<p id="fadeout_p">Click the button to see how .fadeOut() works</p>
</div>
<div class="box">
<button id="before_btn"type="button">Click Me To see the .before()!</button>
<h3>.before() function</h3>
<p id="before_p">Click the button to see the .before() work!</p>
</div>
<div class="box">
<button id="after_btn" type="button">Click Me To see the .after() work</button>
<h3>.after() function</h3>
<p id="after_p">Click the button to see the .after() work. </p>
</div>
<div class="box">
<button id="hide_btn" type="button">Click Me To hide!</button>
<h3>.hide() function</h3>
<p id="hide_p">Click the button to hide this paragraph!</p>
</div>










<div class="box">
<button type="button">Click Me To Add Class!</button>
<h3>addClass function</h3>
<p>Click the button to add class "red" to theis paragraph</p>
</div>
<div class="box">
<button type="button">Click Me To Add Class!</button>
<h3>addClass function</h3>
<p>Click the button to add class "red" to theis paragraph</p>
</div>
<div class="box">
<button type="button">Click Me To Add Class!</button>
<h3>addClass function</h3>
<p>Click the button to add class "red" to theis paragraph</p>
</div>
<div class="box">
<button type="button">Click Me To Add Class!</button>
<h3>addClass function</h3>
<p>Click the button to add class "red" to theis paragraph</p>
</div>
<div class="box">
<button type="button">Click Me To Add Class!</button>
<h3>addClass function</h3>
<p>Click the button to add class "red" to theis paragraph</p>
</div>
<div class="box">
<button type="button">Click Me To Add Class!</button>
<h3>addClass function</h3>
<p>Click the button to add class "red" to theis paragraph</p>
</div>
<div class="box">
<button type="button">Click Me To Add Class!</button>
<h3>addClass function</h3>
<p>Click the button to add class "red" to theis paragraph</p>
</div>
<div class="box">
<button type="button">Click Me To Add Class!</button>
<h3>addClass function</h3>
<p>Click the button to add class "red" to theis paragraph</p>
</div>

</body>
</html>
31 changes: 31 additions & 0 deletions Catherine_Rossi/jquery_functions_assignment.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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;

}
Loading