Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
abdullahq3102 authored Sep 18, 2024
1 parent 971772b commit da14bc4
Showing 1 changed file with 28 additions and 0 deletions.
28 changes: 28 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -18,3 +18,31 @@ Activity 4
Activity 5

![image](https://github.com/user-attachments/assets/dcea7ac2-712a-49f9-83f9-ddede91e8b48)

Acknowledgement: I used chatgpt when adding the loading projects activity. I used these prompts

Prompt 1
I have this html file and I have this activity to modify it to cycle through the projects section

Activity-5: Adding Dynamic Content with JavaScript
1. Update the section “Projects” to include your most recent projects.
2. You should use JavaScript to dynamically display only the latest project in the
section.
3. Add a new <div> element in the HTML for the "Recent Projects" section. Ensure that
this <div> has an ID so that JavaScript can inject the project content into this section.
ECE444 Software Engineering (Fall 2024)
4. Write a JavaScript function that loops through the array of projects and generates the
HTML content for each project. Use DOM manipulation methods to insert this content
into the "Recent Projects" section of your website.
5. Implement a "Load More" button at the bottom of the "Recent Projects" section that,
when clicked, dynamically loads additional projects from your array using JavaScript.
6. Once the dynamic content is working, commit all your changes and take screenshots
of the repo and the "Recent Projects" section of your deployed website. Add the
screenshots to your readme file.
Here are some useful tutorials to DOM manipulations:
1. https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-
side_web_APIs/Manipulating_documents
2. https://www.freecodecamp.org/news/the-javascript-dom-manipulation-handbook/

Prompt 2
Also I need to add a logo for places travelled to the navigation bar

0 comments on commit da14bc4

Please sign in to comment.