jQueryのtransformをネイティブJavascriptで書きたい

Question

###実現したいこと
jQueryで書いてあることをJavascriptで動かしたいです。

    <div class="container">
        <div class="text">Text</div>
    </div>

        .container{
            width: 100%;
            height: 5000px;
            background: #121212;
        }
        .text{
            color: #fff;
            font-size: 3rem;
            text-align: center;
            top: 300px;
            left: 300px;
            position: fixed;
        }

　　　　$(window).scroll(function(){
            var offset = $(window).scrollTop();
            offset = offset * 0.4;

            $(".text").css({ 
                "transform":"rotate(" + offset + "deg)", 
            });
        });

---

        window.addEventListener('scroll',()=>{
            var offset = window.scrollY;
            offset = offset * 0.4;

            const text = document.querySelector('.text');
            text.style.transform = "rotate(" + offset + ")deg";　//ここだけ動きません
        });

試したこと

スクロールのイベントまではconsole.log()で動きました。
jQueryは普通に動きます。

Comments

[yureighost]

javascriptのtrasform設定が
"rotate(" + offset + ")deg";
になっていますが、
"rotate(" + offset + "deg)";
では？

Answer 1

// text.style.transform = "rotate(" + offset + ")deg";
//                                              ↓
   text.style.transform = "rotate(" + offset + "deg)";

Comments

[yuki_owan]

そうでした、ありがとうございます

Answer 2

こんな感じで

• codepen

Comments

[yambejp]

window.addEventListener('scroll',()=>{
var offset = window.scrollY;
offset = offset * 0.4;
document.querySelector(".text").style.transform="rotate(" + offset + "deg)";
});

[yuki_owan]

ありがとうございます！！
ほんとに助かりましたーーー！！