From 8f8b885fb24a854c5edc2936cd4c003a3ec9b97e Mon Sep 17 00:00:00 2001 From: Joseph Mitchell Date: Sat, 8 Feb 2025 13:57:13 -0500 Subject: [PATCH 1/3] feat: add posts --- index.html | 44 ++++++++++++++++++++++++++++++++++++++++++++ main.js | 26 ++++++++++++++++++++++++++ 2 files changed, 70 insertions(+) create mode 100644 index.html create mode 100644 main.js diff --git a/index.html b/index.html new file mode 100644 index 00000000..8440a437 --- /dev/null +++ b/index.html @@ -0,0 +1,44 @@ + + + ReReddit + + + +
+
+
+

ReReddit

+
+ +
+ +
+
+ +
+ +
+ +
+ + +
+
+
+ + + + diff --git a/main.js b/main.js new file mode 100644 index 00000000..b21bb042 --- /dev/null +++ b/main.js @@ -0,0 +1,26 @@ +document.getElementById('submit').addEventListener('click', function (){ + var name = document.getElementById('name').value; + var text = document.getElementById('message').value; + + var postsDiv = document.querySelector('.posts'); + + var newPostDiv = document.createElement('div'); + + var newPostTextP = document.createElement('p'); + var newPostTextNode = document.createTextNode(text); + newPostTextP.appendChild(newPostTextNode); + + var newPostNameNode = document.createTextNode(' - Posted By: ' + name); + newPostTextP.appendChild(newPostNameNode); + + var newPostHR = document.createElement('hr'); + + debugger; + newPostDiv.append(newPostTextP); + newPostDiv.append(newPostHR); + + postsDiv.append(newPostDiv); + + + +}); \ No newline at end of file From ee68ecfbafa9d024860be1518af33c83f8ea4dd7 Mon Sep 17 00:00:00 2001 From: Joseph Mitchell Date: Mon, 10 Feb 2025 14:05:53 -0500 Subject: [PATCH 2/3] feat: remove post --- main.js | 62 +++++++++++++++++++++++++++++++++++++++++++++++---------- 1 file changed, 52 insertions(+), 10 deletions(-) diff --git a/main.js b/main.js index b21bb042..e9c718b9 100644 --- a/main.js +++ b/main.js @@ -1,26 +1,68 @@ -document.getElementById('submit').addEventListener('click', function (){ +function randomNumber () { + return Math.floor(Math.random()*90000) + 10000; +} + + +function createPost () { var name = document.getElementById('name').value; var text = document.getElementById('message').value; - var postsDiv = document.querySelector('.posts'); - + //To remove post: + //1. create an id for each post, assign id to each post + //2. create an event listener for removeLink + //3. create a function that removes post var newPostDiv = document.createElement('div'); + var randomID = randomNumber(); + newPostDiv.id = randomID; var newPostTextP = document.createElement('p'); - var newPostTextNode = document.createTextNode(text); - newPostTextP.appendChild(newPostTextNode); - var newPostNameNode = document.createTextNode(' - Posted By: ' + name); - newPostTextP.appendChild(newPostNameNode); + var removeLink = document.createElement('a'); + removeLink.href = '#'; + removeLink.textContent = 'remove'; + + removeLink.addEventListener('click', function (event) { + event.preventDefault(); + + removePost(newPostDiv.id); + }); + + + var commentLink = document.createElement('a'); + commentLink.href = '#'; + commentLink.textContent = 'comments'; + + var newPostTextNode = document.createTextNode(' ' + text + ' - Posted By: ' + name); + + newPostTextP.appendChild(removeLink); + newPostTextP.append(' '); + newPostTextP.appendChild(commentLink); + newPostTextP.appendChild(newPostTextNode); var newPostHR = document.createElement('hr'); - debugger; + //debugger; newPostDiv.append(newPostTextP); newPostDiv.append(newPostHR); - postsDiv.append(newPostDiv); + return newPostDiv; + +} + + +function removePost(id) { + var postToRemove = document.getElementById(id) + postToRemove.remove() +} -}); \ No newline at end of file +document.getElementById('submit').addEventListener('click', function (event){ + event.preventDefault(); + var newPost = createPost(); + + var postsDiv = document.querySelector('.posts'); + postsDiv.append(newPost); + +}); + From ef0c3f690304a879c3f2d0b283582bd38f0b7f8d Mon Sep 17 00:00:00 2001 From: Joseph Mitchell Date: Wed, 12 Feb 2025 18:49:19 -0500 Subject: [PATCH 3/3] feat: add/remove comment --- index.html | 2 +- main.js | 153 +++++++++++++++++++++++++++++++++++++++++++---------- 2 files changed, 127 insertions(+), 28 deletions(-) diff --git a/index.html b/index.html index 8440a437..796b2d37 100644 --- a/index.html +++ b/index.html @@ -1,3 +1,4 @@ + ReReddit @@ -14,7 +15,6 @@

ReReddit

-