Improvement

Question

How to add basic js and some advanced css to make this code as practical as possible?
https://www.sololearn.com/compiler-playground/WkhWYV2AHfpW/?ref=app

Answer 1

You are missing a closing style tag which is why nothing is displayed when you run your code.

<style>
footer {
font-weight: bold;
color: maroon;
}
</style>

what do you mean by 'practical as possible'?

Answer 2

Your code is not visible in this link...

Answer 3

\(^o^)/💻 , first thing, you need to close the <style> tag by adding </style> before the body tag. I can see you have applied some basic CSS in your code. If you wish to add more advanced CSS, you can do the same to different selectors. If you are new to CSS, I suggest you learn from the CSS course available in this platform. It is recommended that you additionally try out different other sites like W3Schools, Geeksforgeeks etc. or watch CSS tutorials in YouTube for more clarification. If you need any help, feel free to ask here.

You can add basic JS using the <script> container.

Hope this helps.