Template string

Question

Witam 
W kodzie nie chce działać mi Template string. Sprawdzałem na różnych przeglądarkach, a także używałem dwóch, innych programów do kodowania. Gdy w miejsce ${time} podstawiam zwykłą liczbę wszystko śmiga.  
 

const animatedTags = document.querySelectorAll('h2, h3, p, section img, a.button');


animatedTags.forEach(tag =>{
    tag.style.opacity = 0;
}); 

const fadeIn = function(){
    
    
    let time = 1;
    
    animatedTags.forEach(tag => {
        const tagTop = tag.getBoundingClientRect().top;
        const tagBottom =tag.getBoundingClientRect().bottom;
        
        if(tagTop < window.innerHeight){
            tag.style.animation = 'fadein 1s ${time}s both';
        }
    });
};

fadeIn();

document.addEventListener("scroll", function(){
    fadeIn();
});

window.addEventListener('resize', function(){
    fadeIn();
});

 

Answer 1

Złe ciapki, zamiast pojedynczego cudzysłowia użyj backticków ``.

Comments

Nazywają się grawisy

---

https://en.wikipedia.org/wiki/Grave_accent

Programmers use the grave accent symbol as a separate character (i.e., not combined with any letter) for a number of tasks. In this role, it is known as a backquote, or backtick

Jeszcze nigdy w praktyce, hobbystycznie lub w robocie, nie słyszałem by ktoś użył na to słowa grawis.

---

Zresztą na polskiej wiki jest taki sam passus (pogrubienie moje):

Wiele powłok uniksowych oraz wiele języków programowania (np. Perl, Ruby) używa par tych znaków (nazywanych wtedy backticks lub backquotes) do podstawienia standardowego wyjścia polecenia zawartego pomiędzy tymi znakami.

Answer 2

template string to nie zwykły apostrof tylko znak:

` ... `

 

Answer 3

Dziękuje ślicznie! :)