Learning Takeaways
Yay FETCHED API but weird inputs
Switching inputs to buttons but buttons don’t FETCH
Changing JS to apply to the new button inputs
Adding a comments section
- adding event listers for the drag and drop parts for images
- file input element for file selection
Comments aren’t saving into local
- could make server or database (backend)
Comments save and added delete option to delete comments
- added a clear comments which can only be seen in the code and can be toggled off or on
JavaScript Takeaways
Challenges / Learning Moments
- Trying to find out how to change the inputs from option to button without ruining API fetch js
- changed the option input and select into button
- option was switched to button and changed the js to manage selection state
- removed the selected
<label for="diet">Diet:</label>
<select id="diet" name="diet">
<option value="pescetarian">Pescetarian</option>
<option value="vegetarian">Vegetarian</option>
<option value="vegan">Vegan</option>
</select>
- changing from table display to card display
- making sure the cards didn’t interfere with other recipies
- trying to redirect the results to another page (failure)
- tried to make the search button to a redirect button with results
- failed and tried to change some js
- tried to use ajax
- ajax request to fetch the data
- still didn’t work