https://github.com/jonathanprozzi/mod-elements
Fun little activity full of html elements (with ids and classes) to be changed with JavaScript. This is an activity for practicing modifying, creating, and removing html elements with JavaScript.
https://github.com/jonathanprozzi/mod-elements
Last synced: 2 months ago
JSON representation
Fun little activity full of html elements (with ids and classes) to be changed with JavaScript. This is an activity for practicing modifying, creating, and removing html elements with JavaScript.
- Host: GitHub
- URL: https://github.com/jonathanprozzi/mod-elements
- Owner: jonathanprozzi
- Created: 2016-06-15T23:01:58.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2017-04-12T18:13:45.000Z (about 8 years ago)
- Last Synced: 2025-02-10T11:33:03.581Z (4 months ago)
- Language: HTML
- Homepage: https://jonathanprozzi.github.io/mod-elements/
- Size: 7.81 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# mod-elements
Fun little activity full of html elements (with ids and classes) to be changed with JavaScript. This is an activity for practicing modifying, creating, and removing html elements with JavaScript.
## activity (notes from the js file)
/* **** READ ME!! ****
welcome to the javascript file for the modifying/adding/removing elements lesson! there is lots of html in the index.html file but don't fret! you don't need to worry about a lot of it.
this activity is intended to be a (hopefully!) fun way to practice working with html elements and dom selection techniques.
primarily you'll be using .getElementById('id-name') such as this:
var myVar = document.getElementById('id-name'); and then you'll use javascript to modify and change whichever element you're targeting.
you can also do:
document.body.removeChild(myVar) and document.body.appendChild(myVar)
these remove and add targeted elements
throughout this file there will be some tips to guide you along the way.
remember: this is super important! please don't remove things from the index.html file! this activity is specifically for modifying elements -with- javascript!
you can delete these comments after reading. (unless you really like them!)
*/