Question 167552 in Javascript Question posted in
A very good W3school tutorial can be found here.

Javascript – Using 2 variables in css variable assignment EOF error

root.style.setProperty('--services-box-delay-"+ i +"', totalServicesLines + "s");

This is seemingly so simple, but I can’t get it to work due to (probably) variable escaping wrong understanding.

I have two variables here: i and totalServicesLines.
What is wrong here?

Tags:

2

Answers


  1. Chosen as BEST ANSWER
    0

    Looks weird, but on base of what Mohammed suggested this one works:

    root.style.setProperty('--services-box-delay-'+ i +'', totalServicesLines + "s");

  2. 0

    Do like this and I think it will work:

    root.style.setProperty('--services-box-delay-"'+ i +'"', totalServicesLines + "s");

    Example:
    If i = 1 and totalServicesLines = 3
    With your code, you will get root.style.setProperty('--services-box-delay-"i"', "3s");
    The variable i will not be evaluated.

    Instead, if you add " before and after i, it will be like this:
    root.style.setProperty('--services-box-delay-1', "3s");.

    And these are js and not css variables.

    The css property that you’re trying to chabge is –services-box-delay-"1" which will get "3s" as value.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search