View source to see what's going on under the hood.
This is a paragraph with little content.
Holy crap! Did that sentence just vanish?!
$(document).ready(function () {
$("p#cb1").css("display", "none")
$("button.callback1").click(function () {
$("p.cb1").hide("slow", function () {
var myTimer = window.setTimeout(function () {
$("#cb1").slideDown(250);
}, 600);
/*alert("The paragraph is now hidden");*/
});
});
});
$(document).ready(function() {
$("button.callback2").click(function() {
document.getElementById('output').innerHTML += ('going ...');
var myTimer1 = window.setTimeout(function() {
document.getElementById('output').innerHTML += (
'going ...');
}, 700);
var myTimer2 = window.setTimeout(function() {
document.getElementById('output').innerHTML += (
'gone, to the gentleman in the plaid jacket!');
}, 1400);
});
});
Load the appropriate number array.
Here's the array: var list = [5, 8, 9, 2, 7, 6, 3, 1, 4];
$(document).ready(function () {
var list = [
5,
8,
9,
2,
7,
6,
3,
1,
4
];
$("#btn2").click(function () {
// items greater than 5
function callback2(list) {
var newList = [];
for (var i = 0; i < list.length; i++) {
if (list[i] > 5)
newList.push(list[i]);
}
return newList;
}
function filter2(list, callback2) {
return callback2(list);
}
var filtered2 = filter2(list, callback2);
//console.log(filtered2);
$("p.two").append(filtered2);
});
});
Star Wars or Star Trek?
$(document).ready(function() {
$("#btn1").click(function() {
$("p.append").append("
Star Trek, of course.
");
});
});
Hi, this is a string of text.
$(document).ready(function() {
var colors = [
'#3498db',
'#e67e22',
'#16a085',
'#f39c12'
];
var color = 0;
$("button.clickarray").click(function() {
{
color = (color == colors.length - 1) ?
0 :
color;
x = document.getElementById("clickarray"); // Find the element
x.style.color = colors[++color];
}
});
});
$(document).ready(function() {
$("button.closure1").click(function() {
function pizzaParty(numSlices) {
var topping = "spinache";
/* Local variable */
innerFunction = function() {
var topping = "gorgonzola";
document.getElementById('output6').innerHTML += (
" .....But put " + topping + " on " + numSlices +
" slices");
};
document.getElementById('output7').innerHTML += (
"This pizza is all about the " + topping);
/*console.log("This pizza is all about the " + topping);*/
innerFunction();
}
pizzaParty(3);
});
});
function test() {
// Assumes: a string is entered into the "palin" text box Results: tests if the string is a palindrome and returns the conclusion to outputDiv
var word,
copy,
i;
word = document.getElementById("palin").value.toLowerCase();
copy = "";
i = 0;
while (i < word.length) {
copy = word.charAt(i) + copy;
i = i + 1;
}
console.log(copy);
if (word === copy) {
document.getElementById("outputDiv").innerHTML = document.getElementById("palin")
.value + " is a palindrome!";
} else {
document.getElementById('outputDiv').innerHTML = document.getElementById('palin')
.value + " is not a palindrome!";
}
}