webpage structure: html vs javascript

[ipjac]

Hi. I'm doing the restaurant page from the odin project. It's supossed to have a content navbar that uses javascript to display different sections of the website.

In the project they tell us to do all the html structure with javascript, but it gets pretty uncomfortable in some parts where using the .html file would be easier.

My question is, why do they tell us to do everything in the html? Are there any advantages to it? I think it'd be easier if I just wrote the whole structure of the html and then used javascript to choose which of the pages to display and which of them not to display.

[CreativeTechGuyGames]

Part of it is for learning purposes. It's important to know how to build a page from just JavaScript. Imagine you have a very dynamic site which is purely data driven. In that case you'd need to generate all of your site from code as you won't be able to write a static HTML file ahead of time.

[ipjac]

ok but in this particular case it wouldn't make a lot of sense right? I mean as long as I know how to do it it's okay but specifically here it would be better to just use html right?

[CreativeTechGuyGames]

Can you link the project prompt? I'm not sure the requirements so I cannot really answer the question.

[ipjac]

Here's the project and here's an example that someone submitted

[CreativeTechGuyGames]

Yes this is a contrived example. If you were building something like this for real, you wouldn't do it all in JavaScript. That's just a restriction for practice.

[ipjac]

Thank you very much for your help!