How do I style JavaScript using CSS?

Question

Hiya, for class I am making a choose your own adventure game using JavaScript. Really simple stuff basically.

I am using document.write() to display things. My question is: How do I style this writing using css? At the moment it is black and Times New Roman and ugly, and I want it to look nice.

Thanks!

Chris · Accepted Answer

You shouldn't use document.write(). Instead, set an element's .innerHTML to the text you want to display. That way you can easily style it.

http://jsfiddle.net/khrismuc/pL0srg1v/ (no game mechanics, just printing text)

Nancey · Answer

Let’s consider a (currently) theoretical example — say we have a website where we show a series of technical articles. We want to spotlight some of these articles in a nice animated carousel, but what about users that don’t have JavaScript enabled for whatever reason? Thinking back to our unobtrusive JavaScript knowledge, we want the website functionality to still work for these users, but we might want to style the site differently for those users so that their user experience is still pleasant, even without the carousel.

vikas · Answer

If you want to design the elements in the page, then the best way to do that is by using the bootstrap framework.

add the below 2 lines in the head section of your document and you will see all the fonts and other elements automatically gets changed.

bootstrap/3.3.4/css/bootstrap.min.css">

bootstrap/3.3.4/css

/bootstrap-theme.min.css">

You need to be connected to the internet in order to make this work. If you want to execute it offline then u need to download the framework and link it manually.

For more information click the below link.

http://getbootstrap.com/getting-started

Trending News

How do I style JavaScript using CSS?

3 Answers