Dev Diary
dlpoveda.com
Updates to the site
Tuesday, April 20, 2021
dlpoveda.com was published
Whack-A-Mole
Whack-A-Mole was made using HTML, CSS and vanilla JS. The goal of the project was to get familiar with manipulating DOM elements directly and listening for and executing on DOM events.
The game area is a table created with HTML then filled with rows of table data whose CSS included background pictures of grassy holes. Moles were randomly generated on a .5 second interval across the table. An event listener was attached to the table so that when a user clicked anywhere on that table, the DOM element that was clicked on was changed in some way. In our case, it removed a mole if one was currently present.
Wednesday, May 5, 2021
The single project page was updated to include the working tech stack. Game directions and brief description was also added.
Monday, April 26, 2021
Whack-A-Mole was added as a project to the site.
Pixelate
Pixelate was made using HTML, CSS and vanilla JS. The goal of the project was to work further with DOM manipulation and events as well as incorporate more CSS into the project.
Initially there are no boxes on the screen until the user manually adds a row. The even listener on either button causes the JavaScript file to either dynamically create a new row filled with boxes or deletes the row that was created last. Event listeners were also placed on the full table where the rows are appended. When clicked, the JS file is able to change the class of the element that was clicked on. The box now changes color depending on the class name. The CSS file holds a class selector for each color that changes the background of that element to that color.
Wednesday, May 5, 2021
The single project page was updated to include the working tech stack. Game directions and brief description was also added.
Monday, May 3, 2021
Pixelate was added as a project to the site.
Wizard News
Wizard News was made using HTML, CSS Node.js and ExpressJS. The goal of the project was to utilize ExpressJS to serve html pages through HTTP request routing.
Tuesday, May 18, 2021
Wizard News was added to the site.
The single project page was updated to include the working tech stack. A brief description was also added.