License: Other

HTML 1.45% JavaScript 98.55%

js-jquery-prevent-default-lab's Introduction

Prevent Default Lab

Objectives

Use preventDefault() to stop unwanted default browser behavior

You are going to be building a mini single page to-do list app. You'll want to use preventDefault to prevent the form submission from refreshing the page. Remember, this app is only running client-side code. We don't have a database, so if that page refreshes, you'll lose all the items on your list.

Instructions

You'll be coding your solution in index.html and js/todo.js. You'll want to make sure that index.html has a form with a text input field and an ordered list for the items you'll be adding to your to-do list.

You'll want to bind a submit event to the form. The event should add the user's input to the list. You'll want to make sure the page doesn't refresh so that you can add multiple items to the list.

There are tests, so make sure your work passes the tests!

View Prevent Default Lab on Learn.co and start learning to code for free.

js-jquery-prevent-default-lab's People

Contributors

Watchers

Forkers

runyans7 lisamarie616 dev-learn-co-curriculum crwhitesides

js-jquery-prevent-default-lab's Issues

Tests for this lab fail spectacularly

My code worked in the browser perfectly, but when I ran the tests using "learn", I got this crazy output:

[Gobbles] // ♥ learn
Installing missing dependency phantomjs...
Updating Homebrew...
Loading /Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/SpecRunner.html
Started

To Do List binds a submit event to the form

file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/spec/todo_spec.js:9:15
attemptSync@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1510:16
run@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1498:20
execute@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1485:13
queueRunnerFactory@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:518:42
execute@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:306:28
file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1708:44
attemptAsync@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1520:16
run@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1496:28
execute@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1485:13
queueRunnerFactory@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:518:42
execute@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1694:21
file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1708:44
attemptAsync@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1520:16
run@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1496:28
execute@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1485:13
queueRunnerFactory@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:518:42
execute@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1694:21
file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:541:83
attemptAsync@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1520:16
run@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1496:28
execute@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1485:13
queueRunnerFactory@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:518:42
execute@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:548:25
onload@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/boot.js:172:16

To Do List #adds input to the text field

file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/spec/todo_spec.js:18:15
attemptSync@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1510:16
run@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1498:20
execute@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1485:13
queueRunnerFactory@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:518:42
execute@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:306:28
file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1708:44
attemptAsync@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1520:16
run@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1496:28
next@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1517:40
complete@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:333:19
clearStack@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:506:11
run@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1505:22
execute@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1485:13
queueRunnerFactory@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:518:42
execute@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:306:28
file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1708:44
attemptAsync@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1520:16
run@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1496:28
execute@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1485:13
queueRunnerFactory@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:518:42
execute@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1694:21
file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1708:44
attemptAsync@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1520:16
run@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1496:28
execute@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1485:13
queueRunnerFactory@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:518:42
execute@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1694:21
file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:541:83
attemptAsync@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1520:16
run@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1496:28
execute@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:1485:13
queueRunnerFactory@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:518:42
execute@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/jasmine.js:548:25
onload@file:///Users/cristy/Documents/Flatiron/mod3/wk2/js-jquery-prevent-default-lab-web-010818/tmpTestSupport/boot.js:172:16

2 specs, 2 failures

Tests pass in the browser; fail in Terminal

// ♥ learn
Loading /Users/gabe/dev/code/js-jquery-prevent-default-lab-v-000/tmpTestSupport/SpecRunner.html
Started

FF

To Do List binds a submit event to the form

  file:///Users/gabe/dev/code/js-jquery-prevent-default-lab-v-000/spec/todo_spec.js:9:15
  attemptSync@file:///Users/gabe/dev/code/js-jquery-prevent-default-lab-v-000/tmpTestSupport/jasmine.js:1510:16

  ...


To Do List #adds input to the text field

  file:///Users/gabe/dev/code/js-jquery-prevent-default-lab-v-000/spec/todo_spec.js:18:15
  attemptSync@file:///Users/gabe/dev/code/js-jquery-prevent-default-lab-v-000/tmpTestSupport/jasmine.js:1510:16

  ...

2 specs, 2 failures

Finished in 0.026 seconds

Stray 's'

I keep having strange problems with my environment, but luckily this one was with the lab.

js/jquery-2.1.1.min.js reads:

You'll note there is a stray 's' there that causes all sorts of problems.

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.

learn-co-curriculum / js-jquery-prevent-default-lab Goto Github PK