Skip to content

Instantly share code, notes, and snippets.

View isabellatea's full-sized avatar

Isabella Tea isabellatea

39 followers · 1 following
  • San Francisco, CA
View GitHub Profile
@isabellatea
isabellatea / script.js
Created February 8, 2019 01:10
Solution Code for FunWithJQuery Project
$(document).ready(function(){
// all jQuery methods go here...
//CHALLENGE - together
//runningman
$("#runningman-img").hover(runningmanGiphy, runningmanIcon)
function runningmanGiphy() {
this.src = 'images/runningman-giphy.gif';
}
function runningmanIcon() {
@isabellatea
isabellatea / index.html
Last active February 8, 2019 06:46
jQuery: script import and document ready event
//insert after CSS script import
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
@isabellatea
isabellatea / script.js
Created February 9, 2019 07:48
Solution Code for FunWithDOMEvents Project
//Challenge 0 - Make the “play” button move to random locations as you click it
let button = document.getElementById("play-button")
button.addEventListener("click", moveToRandom)
function moveToRandom() {
button.style.top = Math.floor(Math.random() * 100) + "%"
button.style.left = Math.floor(Math.random() * 100) + "%"
}
@isabellatea
isabellatea / script.js
Last active October 1, 2021 02:31
FunWithMarvelSolutionCode
$(document).ready(function(){
//CHALLENGE 1
let movieList = [
"Captain America: The First Avenger",
"Captain Marvel",
"Iron Man",
"The Incredible Hulk",
"Iron Man 2",
"Thor",
@isabellatea
isabellatea / index.html
Created April 6, 2019 07:26
// source https://jsbin.com
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script id="jsbin-javascript">
@isabellatea
isabellatea / index.html
Created April 6, 2019 18:13
JS Bin // source https://jsbin.com/wasenol
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script id="jsbin-javascript">
@isabellatea
isabellatea / index.html
Created April 13, 2019 20:39
JS Bin // source https://jsbin.com/dehixe
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.0.0.js"></script>
<title>JS Bin</title>
<style id="jsbin-css">
#name {
color: blue;
}
@isabellatea
isabellatea / Marvel (JSON Object)
Last active April 20, 2019 07:28
JSON Object (with for-in loop example at bottom)
let movieListDetailedJSON = {
"Captain America: The First Avenger": {
timelinePosition: 1,
moviePoster: "images/poster-captainamericafirstavenger.jpg",
releaseDate: "July 22, 2011",
releasePosition: 5,
description: "Marvel's 'Captain America: The First Avenger' focuses on the early days of the Marvel Universe when Steve Rogers volunteers to participate in an experimental program that turns him into the Super Soldier known as Captain America.",
budget: "216,700,000",
gross: "370,569,774",
rottenTomatoes: "80%"
@isabellatea
isabellatea / index.html
Created May 4, 2019 09:56
PokeAPIBattle Solution
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css"> <!-- imports stylesheet style.css -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script> <!-- imports jQuery library -->
<title>Pokemon Battle</title>
</head>
<body>
<h1 id="header">Pokemon Battle</h1>
@isabellatea
isabellatea / pikachu JSON
Created May 4, 2019 10:34
JSON Exercise
let pikachu = {
"name":"pikachu",
"id":25,
"order":35,
"species":{
"name":"pikachu",
"url":"https://pokeapi.co/api/v2/pokemon-species/25/"
},
"height":4,
"weight":60,