JSFiddle

Taylor Lopez's public fiddles

• Jquery .addClass #13 is the latest revision

  help.

  • Delete fiddle
• Number to String Converter

  Simply converts integers (up to 45-digits long) into their proper, written format. Accepts negative numbers and commas in the input.

  • Delete fiddle
• 12 Days of Christmas

  jQuery (edge), HTML, CSS, JavaScript

  • Delete fiddle
• Rock Paper Scissors Lizard Spock

  Simple, class-based implementation of the classic Rock Paper Scissors Lizard Spock. Demonstrates JavaScript class inheritance. Has grammatically-correct outcome text. Shows win percentage. May add smarter AI in the future.

  • Delete fiddle
• CappedAnimationFrames class and draw example #22 is the latest revision

  A simple requestAnimationFrame() example that runs at a given maximum frame rate. This sample also demonstrates using an "update" function in your code that will update the visual elements based on the amount of time passed since the last update.

  • Delete fiddle
• Roman Numeral Parser

  jQuery (edge), HTML, CSS, JavaScript

  • Delete fiddle
• Sudoku Solving Algorithm (in progress)

  Knuth's DLX algorithm implemented in JavaScript

  • Delete fiddle
• JS Tetris (New)

  Tetris powered by JS drawn on the HTML5 canvas element. Makes use of requestAnimationFrame in a throttled rendering loop.

  • Delete fiddle
• Sudoku with JQuery #54 is the latest revision

  jQuery (edge), HTML, CSS, JavaScript

  • Delete fiddle
• Conway's Game of Life #12 is the latest revision

  Ooh, pretty.

  • Delete fiddle
• Cellular Automaton 3457/357/5 #70 is the latest revision

  Ooh, pretty.

  • Delete fiddle
• Pokemon IV Calculator #24 is the latest revision

  A live-updating calculator for Pokemon Individual Values.

  • Delete fiddle
• Rock Paper Scissors #15 is the latest revision

  An example JS game for a friend.

  • Delete fiddle
• PokeDashboard #12 is the latest revision

  All the info and widgets you need to battle pokemon competetively.

  • Delete fiddle
• JS Johnson Trotter Permuter

  jQuery 2.1.3, HTML, CSS, JavaScript

  • Delete fiddle
• Auto-Completion Text Box

  as you type, the box gives you suggestions for accepted

  • Delete fiddle
• List Filter Widget

  Live filters a list of items with multiple fields as you type in the box

  • Delete fiddle
• PokeTypes Calculator

  pokeTypes JS object imported from my GitHub

  • Delete fiddle
• JS PokeAPI #78 is the latest revision

  Consumes the PokeAPI for a pokedex-like experience. Also contains some useful utilities for building teams.

  • Delete fiddle
• Dropdown Nav Menus

  My take on some simple, yet dynamically generated dropdown menus.

  • Delete fiddle
• Side JS Output Console (Compact)

  A compact solution for showing console logging on the actual html page if desired. Only supports output, no input.

  • Delete fiddle
• Side JS Output Console

  A compact solution for showing console logging on the actual html page if desired. Only supports output, no input.

  • Delete fiddle
• Card Sim

  DOM Object Cards!

  • Delete fiddle
• 2048 JS Remake

  The popular mobile game remade using the HTML5 JavaScript Canvas

  • Delete fiddle
• Master Mind

  The classic game of strategic guessing!

  • Delete fiddle
• Mobile Golf Scorekeeper

  A mobile web form with local DB

  • Delete fiddle
• Mobile Game #2 is the latest revision

  A web game designed for mobile devices.

  • Delete fiddle
• Num Divisors

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• Euler Problem 8: Largest Product In A Series

  A JS Implementation of Project Euler problem 8. Find the greatest product of five consecutive digits in a 1000-digit number.

  • Delete fiddle
• Canvas Circle Clock

  An analog clock drawn in the HTML5 canvas element with circles instead of arms.

  • Delete fiddle
• JS Battleship #26 is the latest revision

  JavaScript Battleship with AI

  • Delete fiddle
• JS Tetris

  Tetris powered by JS drawn on the HTML5 canvas element. Makes use of requestAnimationFrame in a throttled rendering loop.

  • Delete fiddle
• Example1

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• Mobile Website

  A mobile website design testing ground.

  • Delete fiddle
• Console Cash Register

  Cash Register to replace the "Building a Cash Register" section on Codecademy

  • Delete fiddle
• matter.js

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• matter.js

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• Hit Boxes!

  Dueling Squares. Watch out, Ubisoft.

  • Delete fiddle
• Console Black Jack

  Black Jack in a console

  • Delete fiddle
• JS Console

  Overrides the standard "console.log" function to display the console contents in the results pane. Handles all basic console output functionality and anything that supports toString().

  • Delete fiddle
• Console Card Game #15 is the latest revision

  Basic "war" cardgame. Randomizes card values rather than shuffling deck, and compares two at a time.

  • Delete fiddle
• SO animate CSS3 transform

  jQuery 1.5.2, HTML, CSS, JavaScript

  • Delete fiddle