[SOLVED] Styling variables in JS by CSS

Question

Example:
Var a=function() {
document.write("hello");
}
So now I'm gonna style the text appeard in this function by css.i set it to a variable so that it could be easier to style.
How should I call this variable in CSS?like for exp the elements in html can be called by id(#),class(.) but I don't know what to do with this...

Answer 1

You can write any html text inside document.write() function and then style it using inline style or just adding an id attribute and call it from related css file as normal, like this:
JS:
Var a=function() {
document.write("<h1 id="test ">hello</h1>");
}
CSS:
#test
{
/* put any style you want */
}

Answer 2

Farnaz.A you can not use javascript variables inside css, but you can change the style of an element dynamically via javascript's DOM elements, style property.
Or you can use css variables to explain this see this code
https://code.sololearn.com/Wkd7l4t629p1/?ref=app

Answer 3

Example about dom
https://code.sololearn.com/WrzVk2vyWxbT/?ref=app

Answer 4

Farnaz.A remove the double quot from id attribute and use single quot.
https://code.sololearn.com/W8geo1irh1Vw/?ref=app
Happy Coding!!

Answer 5

Farnaz.A You are Welcome!!

Answer 6

Farnaz.A You Welcome!!

Answer 7

Clean<Code> tnx . that's what I needed exactly 😁

Answer 8

Farnaz.A you're welcome

Answer 9

great content.

Answer 10

Python variables
Is it possible to assign an integer as a string variable? For example:
1 = “Hello World”

Answer 11

Matiyas tnx

Answer 12

Clean<Code> i have a problem, I set the ID for the text inside document.write but it gives me an error says missing argument after ) . Here is my attempt :
document.write("</br><p id="t1">text</p>");

Answer 13

Matiyas thank u so much 😉