Skip to content

Instantly share code, notes, and snippets.

View mcsuth's full-sized avatar

Seimith Suth mcsuth

View GitHub Profile
<form>
<input type="text" value="HEllo">
</form>
<ul class="results">
</ul>

##jQuery

###Basics

  • Little bit of background on jQuery
  • How to include it
  • How to make sure it's included and works
  • How to use the documentation to explore methods (in the course of this class)

###Select elements and add property $('#topsquare').addClass('white-text');

<html>
<head>
<title>Puppies</title>
<link rel="stylesheet" type="text/css" href="puppies.css">
<script src="puppies.js"></script>
</head>
<body>
<center>
<div class="top">
<h1>Puppies - wait, is that a puppy?! </h1>

#Debugging (Use The Duck… )

Find the errors in the following

1.)

<html>
<head>
<title>!Quiz - Week 2</title>
</head>
<body>
<center>
<h1>Puppies - wait, is that a puppy?! </h1>
<img id="daPuppies" src="puppies.jpg" width="300" height="auto" />
<h3> don't forget to open your Chrome console </h3>
<button onclick="alert('function needed!');">Bigger Puppies</button>
@mcsuth
mcsuth / debug_1.md
Last active December 24, 2015 17:09 — forked from OfTheDelmer/debug_1.md

#Debugging (Use The Duck… )

Find the errors in the following

1.)

@mcsuth
mcsuth / atm.css
Created October 3, 2013 17:08 — forked from WizardNinja/atm.css
@import url(http://fonts.googleapis.com/css?family=Oleo+Script);
@import url(http://fonts.googleapis.com/css?family=Ruluko);
#content {
margin: 0 auto;
text-align: center;
width: 700px;
}
#nav {
<html>
<head>
<title>Supersize Me Cookie</title>
</head>
<body>
<button href="#" onclick="myStopFunction();">stop the cookie!</button>
<br>
<img name="fred" id="freddie" src="cookie.jpg" width="100" height="auto">
@mcsuth
mcsuth / rock.js
Created October 2, 2013 22:39 — forked from WizardNinja/rock.js
// Generated by CoffeeScript 1.6.3
var userName;
var intervalSet = false;
function touchRock() {
if (userName === undefined ) {
userName = prompt("What is your name?");
alert("It's nice to meet you " + userName);
document.getElementById("rockImg").src = "rock2.jpeg";
}
class Bowling
attr_reader :score
def initialize
@score = 0
@spare = 0
@turn = 0
@strike = 0
@pins_this_frame = 0