Giter Site home page Giter Site logo

gigi1189 / flw-01.4-disappearing-ghost-starter-code-light- Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 7 KB

This is a disappearing ghost project using html, css, and js. This project utilizes the .onclick event and multiple js methods.

HTML 74.81% JavaScript 0.06% CSS 25.13%

flw-01.4-disappearing-ghost-starter-code-light-'s Introduction

Unit Review: Disappearing Ghost Project

Project Description

In this project, you will create a Disappearing Ghost App. The Disappearing Ghost App will update the webpage using jQuery event handlers and actions including .append() and .val().

Follow the steps below to make your very own site! Make sure to check off your items as you complete them. [ ] => [x]

Day 1

Set-Up

JavaScript

  • The Hide button should hide the image.
  • The Show button should show the image.
  • The Update Image button should update the image in some way. Make sure to use a jQuery method that takes multiple arguments.
  • The Send Message button should append a message to the bottom of the page.
  • The name button should update the h1 with a name for the ghost.

Wrap

  • Push your changes!
  • Save and submit your website link using the link on the session agenda.

Project Extensions

  • Extension: Add additional buttons that allow you to practice jQuery.

Recommend Projects

  • React photo React

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

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

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

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

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

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.