https://github.com/nandhutee/create-shapes---using-stateful-lists-understanding-keys-outputting-condition---fu90bfg13z9h
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/nandhutee/create-shapes---using-stateful-lists-understanding-keys-outputting-condition---fu90bfg13z9h
- Owner: NandhuTee
- Created: 2024-02-11T07:56:45.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-02-12T18:00:42.000Z (over 1 year ago)
- Last Synced: 2025-02-15T02:29:43.088Z (4 months ago)
- Language: JavaScript
- Size: 5.86 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Shapes creator
Inside
div#shape-creator
, add aselect
tag
with two options,
Option one:- "Square"
Option one:- "Circle"The default selcted option being "Square".
And a button with text "Add shape", on which when we click,
the a div with the className(lowercased) as selected option is made and added todiv#shapes-holder
.Ex:- User opens the app, the default selected is "Square", user clicks on add button
div#shapes-holder
, a div with classsquare
is added.User selected "Circle" option, then clicks button then
a div with classcircle
is added.Classes are predefined are defined in styles