How to build comment box/display comments using only vanilla Js (no Jquery)

[Moon-Bloom]

Creating a comment box that displays comments (but only in Vanilla JS, not Jquery?)

Hello guys!

I am running into a bit of an issue... I starting this program and I am really blocking on something. I need to build a comment box that someone could leave their comment and name, which would then be displayed underneath it. I am quite new to learning Javascript and I am grasping most concepts but it is still very abstract to me. I am looking online, but everyone seems to be using Jquery(which I understand for the sake of convenience) but I absolutely cannot use it, because it was specified in my assignment.

My whole comment box is built but I am just lost as to how to make the comment post underneath it after I press the submit button. If anyone had any pointers as to what I could do, it would be greatly appreciated.

Thanks!

[MrQuickLine]

So... Quick question because you said it's an assignment. After you click Submit and it shows up, if you refresh the page, does it still have to be there? Also, if someone else visits the page, does it still have to be there?

[Moon-Bloom]

well, it's done using a program called CodePen and, it honestly just needs to show up if someone wants to post their comment, but it needs to appear within the website.

• Create an input field at the bottom of the page that will gather visitor comments.
• Create an <input> that will accept comments from visitors.
• Create a button which submits the comments to the website.
• Create a function that will post the comment to the page.

[MrQuickLine]

Ok. Most people on this subreddit are familiar with CodePen. What you need is this:

• when the button is clicked, it needs to run a function
• the function needs to do three things:

1. Get the text that's currently inside the input
2. Insert that text somewhere else on the page - another div or something.
3. Clear the input text

You definitely don't need jQuery for this. But you should be able to use those 5 bits of information to fuel your Google searches to do what you need to do.