From fb4f64edf9689276b15ccb7d8cc4968a695311a5 Mon Sep 17 00:00:00 2001 From: Jose Luis Izquierdo Hernandez <110314046+jocl0110@users.noreply.github.com> Date: Tue, 31 Oct 2023 08:19:29 -0500 Subject: [PATCH 1/8] Create file and add name --- index.html | 1 + 1 file changed, 1 insertion(+) create mode 100644 index.html diff --git a/index.html b/index.html new file mode 100644 index 0000000..01a11c1 --- /dev/null +++ b/index.html @@ -0,0 +1 @@ +Jose Luis Izquierdo Hernandez \ No newline at end of file From 4cbf09b45e509805fe11f94cc6bb81b0ab23359e Mon Sep 17 00:00:00 2001 From: Jose Luis Izquierdo Hernandez <110314046+jocl0110@users.noreply.github.com> Date: Tue, 31 Oct 2023 08:42:23 -0500 Subject: [PATCH 2/8] Add Personal Information --- index.html | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 01a11c1..a18c70a 100644 --- a/index.html +++ b/index.html @@ -1 +1,10 @@ -Jose Luis Izquierdo Hernandez \ No newline at end of file +Jose Luis Izquierdo Hernandez +About +I am an student in Code The Dream +Experience +1 month in PSSI +4 month in Walmart +Connect +joseluisizquierdoshernandez@gmail.com +https://www.linkedin.com/in/jose-luis-izquierdo-hernandez-938064245/ + From 07d57267ceb94c225aa3de1e3ab407c1fb54c83f Mon Sep 17 00:00:00 2001 From: Jose Luis Izquierdo Hernandez <110314046+jocl0110@users.noreply.github.com> Date: Tue, 7 Nov 2023 12:14:25 -0600 Subject: [PATCH 3/8] Add elements to the website --- index.html | 36 +++++++++++++++++++++++++++--------- 1 file changed, 27 insertions(+), 9 deletions(-) diff --git a/index.html b/index.html index a18c70a..bd810ac 100644 --- a/index.html +++ b/index.html @@ -1,10 +1,28 @@ -Jose Luis Izquierdo Hernandez -About -I am an student in Code The Dream -Experience -1 month in PSSI -4 month in Walmart -Connect -joseluisizquierdoshernandez@gmail.com -https://www.linkedin.com/in/jose-luis-izquierdo-hernandez-938064245/ + + + + My Portofolio + + + + +
+

I'm Jose Luis Izquierdo Hernandez

+
+
+

About me

+

I am an student in Code The Dream

+
+
+

Experience

+

1 month in PSSI

+

4 month in Walmart

+
+
+

Connect

+

Email Me

+

My < href="https://www.linkedin.com/in/jose-luis-izquierdo-hernandez-938064245">LinkedIn

+
+ + From 1730963c4859cd59d59b54010e83d02ab94d9eb0 Mon Sep 17 00:00:00 2001 From: Jose Luis Izquierdo Hernandez <110314046+jocl0110@users.noreply.github.com> Date: Tue, 14 Nov 2023 16:36:55 -0600 Subject: [PATCH 4/8] Insert script tag and JS file, fix some errors from the last assignment --- index.html | 10 +++++++++- js/index.js | 21 +++++++++++++++++++++ 2 files changed, 30 insertions(+), 1 deletion(-) create mode 100644 js/index.js diff --git a/index.html b/index.html index bd810ac..355ad42 100644 --- a/index.html +++ b/index.html @@ -18,11 +18,19 @@

Experience

1 month in PSSI

4 month in Walmart

+
+

Skills

+ +

Connect

Email Me

-

My < href="https://www.linkedin.com/in/jose-luis-izquierdo-hernandez-938064245">LinkedIn

+

MyLinkedIn

+ + diff --git a/js/index.js b/js/index.js new file mode 100644 index 0000000..5a8c957 --- /dev/null +++ b/js/index.js @@ -0,0 +1,21 @@ +const today = new Date(); +const thisYear = today.getFullYear(); +const footer = document.querySelector('footer'); +const copyright = document.createElement('p'); + +const skillsSection = document.getElementById('skills'); +const skills = ['HTML5', 'CSS', 'JavaScript', 'Teamwork', 'Problem Solving', 'Algorithms' ]; +const skillsList = skillsSection.querySelector('ul'); + + + +copyright.innerHTML = `Jose Izquierdo ${thisYear}`; +footer.appendChild(copyright); + +for(let i = 0; i < skills.length; i++){ + let skill = document.createElement('li'); + skill.textContent = skills[i]; + skillsList.appendChild(skill); +} + +console.log(thisYear); \ No newline at end of file From a99847a18e11772735cc6e8428dbe8733b6e8aab Mon Sep 17 00:00:00 2001 From: Jose Luis Izquierdo Hernandez <110314046+jocl0110@users.noreply.github.com> Date: Tue, 14 Nov 2023 16:39:47 -0600 Subject: [PATCH 5/8] Remove console.log for debugging --- js/index.js | 2 -- 1 file changed, 2 deletions(-) diff --git a/js/index.js b/js/index.js index 5a8c957..4b64e03 100644 --- a/js/index.js +++ b/js/index.js @@ -17,5 +17,3 @@ for(let i = 0; i < skills.length; i++){ skill.textContent = skills[i]; skillsList.appendChild(skill); } - -console.log(thisYear); \ No newline at end of file From 84c05200ee2d5afa05ff42749f01b8b8e27e86ba Mon Sep 17 00:00:00 2001 From: Jose Luis Izquierdo Hernandez <110314046+jocl0110@users.noreply.github.com> Date: Tue, 21 Nov 2023 10:51:37 -0600 Subject: [PATCH 6/8] Add a form element to let the user leave a message --- index.html | 17 ++++++++++++++++- 1 file changed, 16 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 355ad42..7fbfb0f 100644 --- a/index.html +++ b/index.html @@ -27,8 +27,23 @@

Skills

Connect

Email Me

-

MyLinkedIn

+

My LinkedIn

+
+

Leave a Message

+
+
+
+
+ +
+
+
+

Messages

+ +
From 95cbd3440120e03c9729fd9a38c206c0f2e6d8ac Mon Sep 17 00:00:00 2001 From: Jose Luis Izquierdo Hernandez <110314046+jocl0110@users.noreply.github.com> Date: Tue, 21 Nov 2023 10:53:06 -0600 Subject: [PATCH 7/8] Configure the form to print the messages in the website and remove them --- js/index.js | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) diff --git a/js/index.js b/js/index.js index 4b64e03..e8105e3 100644 --- a/js/index.js +++ b/js/index.js @@ -17,3 +17,28 @@ for(let i = 0; i < skills.length; i++){ skill.textContent = skills[i]; skillsList.appendChild(skill); } + +// It didn't let me use the document.getElementsByName method in the line #22. +const messageForm = document.querySelector('form'); +messageForm.addEventListener('submit', (e) => { + e.preventDefault(); + const usersName = e.target.usersName.value; + const usersEmail = e.target.usersEmail.value; + const usersMessage = e.target.usersMessage.value; + console.log(usersName) + console.log(usersEmail) + console.log(usersMessage) + const messageSection = document.getElementById('messages'); + const messageList = messageSection.querySelector('ul'); + const newMessage = document.createElement('li'); + newMessage.innerHTML = `${usersName} wrote you ${usersMessage}`; + const removeButton = document.createElement('button'); + removeButton.textContent = 'remove'; + removeButton.type = "button"; + removeButton.addEventListener('click', (e) => { + const entry = removeButton.parentNode; + entry.remove(); + }) + newMessage.appendChild(removeButton); + messageList.appendChild(newMessage); +}) \ No newline at end of file From 2e6a9f1c2538e2a6ad95540620b15c200222fcd9 Mon Sep 17 00:00:00 2001 From: Jose Luis Izquierdo Hernandez <110314046+jocl0110@users.noreply.github.com> Date: Tue, 21 Nov 2023 10:56:41 -0600 Subject: [PATCH 8/8] Add the reset method cause I accidentally deleted it --- js/index.js | 2 ++ 1 file changed, 2 insertions(+) diff --git a/js/index.js b/js/index.js index e8105e3..965f6ab 100644 --- a/js/index.js +++ b/js/index.js @@ -38,7 +38,9 @@ messageForm.addEventListener('submit', (e) => { removeButton.addEventListener('click', (e) => { const entry = removeButton.parentNode; entry.remove(); + }) newMessage.appendChild(removeButton); messageList.appendChild(newMessage); + messageForm.reset(); }) \ No newline at end of file