javascriptを使った回転がうまくいかない

Question

実現したいこと

回転機能を実現させたい

発生している問題・分からないこと

Javascriptを学習中です。
映像授業内にあったプログラミングをコピーして回転機能を実現しようとしていますができていないです。

エラーメッセージ

ついてないですが回転していません

該当のソースコード

window.onload = function () {
	var a = document.getElementsByTagName("a")[0];
	var h1 = document.getElementsByTagName("h1")[0];
	var deg = 0;
	a.onclick = function () {
		h1.style.backgroundColor = "red";
		deg++;
		h1.style.webkitTransform = "rotate("+deg+" deg)";
	}
}

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

解決に失敗してしまいました。

補足

特になし

Answer 1

端的にいえば

" deg)";

のスペースが邪魔をしています

"deg)";

とするだけでいけます。
ただ、全体的に実用的な書き方になっていないので、リファクタリングするとこんな感じ

<script>
window.addEventListener('DOMContentLoaded',()=>{	
	const a = document.querySelector('a');
	const h1 = document.querySelector('h1');
	let deg = 0;
	a.addEventListener('click',()=>	{	
		deg++;
	   	Object.assign(h1.style,{
			backgroundColor:"red",
			transform:`rotate(${deg}deg)`,
		});
	});	
});	
</script>
<h1>h1</h1>
<a href="#">a</a>

Comments

[Jade1995]

回答ありがとうございます。
試したところ問題が解決しました！
ベストアンサーに選ばせていただきました。
スペースのせいで別物と認識されたんですね。

[hiroki-o]

前回も今回も、きちんとベストアンサーに選んで解決済みにしてください。