Build a Random Name Generator App | Javascript, HTML, CSS Project

Build a Random Name Generator App Project with Vanilla JavaScript, HTML, and CSS. We'll use many JavaScript, HTML, and CSS basics in this tutorial to create a Random Name Generator for YouTube Coding Channels.

Build a Random Name Generator App Project with Vanilla JavaScript, HTML, and CSS.

(0:00) Intro
(0:32) Project Set Up
(5:09) Semantic HTML Structure
(12:52) JavaScript Functions
(39:56) CSS Styles

✅ Follow Me:

Was this tutorial about how to make a Random Name Generator with JavaScript, HTML, and CSS helpful? If so, please share. Let me know your thoughts in the comments.

#random #name #generator

[DucMinhTeaching]

please, keep it up with vanilla javascript and getting back to the basics, the world is going crazy with arbitrary frameworks

[abbasmohamedwalaal]

Keep uploading front end development like vanilla js, building complete website with html, css, js

[cristianalvarez]

Gracias Dave, estuvo genial el proyecto. Un saludo desde Colombia.
Thanks Dave, You're a genius!! .

[andrewclarke]

Lines 23 - 28. I can't recall ever seeing a for loop being used this way before. I guess I'm used to the incrementor usually being defined at the start of the for loop. Good to see the continue statement being used too.

[andrewclarke]

Really had to turn up the volume to hear you on this one, Dave. Is there a problem with the sound level on this video?

[aya]

Thank you for your wonderful project tutorial as usual. We can learn a lot of things from this short video.
I wonder, we can still use it without " in clearSuggestions function because
we put "list.innerHTML = "";" in clearSuggestions function and in displayNames function.
Am I right?

[mohsenrostami]

thank you for your great contents,
I have a issue with this project, and also I'm just start to learn js, hope some one can help me with my problem.
I have a syntax error "cannot use import statement outside a module in jest", so what I did is that make a package.json and add "type": "module", this error was fix but I made a reference error "document is not defined" on line 12.
also to be sure that code is ok, I cloned this project and this is not about code.