スタイル値の文字列を作成しませんでした

Question

function tickleTux() { 

var tuxImg = document.getElementById('tux'); 

tuxImg.style.transition = "transform .5s"; 

tuxImg.addEventListener('click', itTickles, false); 

function itTickles() { 

    var addRotation = 10; 

    var rotationValue = '"' + 'rotate' + '(' + addRotation + 'deg' + ')' + '"' 

    tuxImg.style.transform = rotationValue; 

    console.log(rotationValue); 
} 

基本的に、これは回転スタイルをimgに追加して回転させます。

I なぜこの変換プロパティに値を追加するかを知りたいのですが、は機能しません。どうして？

にconsole.logコマンドをプリントアウト： "回転（10deg）"

は、だから何が機能してからそれを停止するのですか？何らかのルール？

ありがとうございました。

Answer 1

この値の周囲には、"を含めることはできません。

var rotationValue = 'rotate(' + addRotation + 'deg)';