Giter VIP home page Giter VIP logo

assignment5's Introduction

Link to the site:

https://mniloy1123.github.io/assignment5/

DOM Challenges III

  • Due June 15th, 2023 by 10:00:00AM
  • Points 20
  • Submitting Fill out all of the appropriate information in the Bootcamp Tracker Google Sheet (see pinned items in the Cohort Slack Channel)

Goal

This is another exercise to further demonstrate an understanding of HTML, CSS, JS, DOM manipulation, and handling user events

Direction

For each user story, make a feature branch. Try to commit often and commit frequently on each feature branch. Please incorporate GitHub Projects as well, using the Automated Kanban template. Create a note for each user story and then convert that note to an issue. Remember, try to have your branches named as closely to the feature/ticket/issue it is intended to build out. Do not forget to type in “closes #” in the body of Pull Requests to close associated issues.

Click on a ticket/issue and explore the different sections such as “Assignees, Labels, and Projects” and make sure that your ticket is associated to your project, otherwise your PRs and Tickets won’t be automated and tethered together (this should be done for you already, but double-check). A few useful methods, properties, and events for this assignment:

  • getElementById()

  • addEventListener()

  • getElementsByTagName()

  • createElement()

  • appendChild()

  • event.target

  • node.children

  • Array.from()

  • mousedown

  • mouseover

  • mouseup

    Assignment

    Based on the in-class demonstration, complete the following user stories: As a user, I can:

    • add rows to the grid
    • add columns to the grid
    • remove rows from the grid
    • remove columns from the grid
    • select a color from a dropdown menu of colors
    • click on a single cell, changing its color to the currently selected color
    • fill all uncolored cells with the currently selected color
    • fill all cells with the currently selected color
    • clear all cells/restore all cells to their original/initial color
    • click and hold (mouseover) from a single cell (start) to a different cell (end) such that all affected/hovered-over cells from start to end change to the currently selected color

    Grading criteria

    • Code has a comment that notes/documentation on which problem/feature the particular function is attempting to solve
    • All solutions should explicitly fulfill the requirements noted in each problem.
    • Complete: Meets all grading criteria above.
    • Incomplete: Does not meet all grading criteria above. Needs improvement or missing submission.

assignment5's People

Contributors

9mohamedismail avatar jiaminshi1226 avatar mniloy1123 avatar

Watchers

 avatar

Forkers

jiaminshi1226

assignment5's Issues

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.