javascriptでcssを操作したい

javascriptでcssを操作したいです

実現したいこと

javascriptでcssを操作する。

htmlを開いた所、『CSS を使ったプログラミング』の部分を斜めに表示したいのですができません。javascriptの何処かが悪いんだとは思いますが私には分かりませんでした。

該当のソースコード

hfml
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4    <meta charset="UTF-8">
5    <title>CSS を使ったプログラミング</title>
6    <link rel="stylesheet" href="css-programming.css">
7</head>
8<body>
9    <h1 id="header" class="face">CSS　を使ったプログラミング</h1>
10    <script src="animation.js"></script>
11</body>
12</html>

JavaScript
1let header = document.getElementById('header');
2header.style.transform = 'ratateX(60deg)';

css
1.face {
2    color: darkblue;
3}

どうしたら出来るのか分かりませんでした。

K_3578

2021/05/20 05:19

'JavaScriptでCSSを操作したい'なのか、'JavaScriptやCSSでタイトルを編集する(?)'なのかどちらが本質問で得たい回答でしょうか

khouna

2021/05/20 05:21

Javascriptでcssを操作したいです。分かりにくくてすみません。

K_3578

2021/05/20 05:23 編集

質問文を修正して下さい。そしてcssを操作したい、というのは明確にcssで何をしたいのですか？要件が不明ですのでアドバイスしようにも難しいです

m.ts10806

2021/05/20 05:23

現状のコードの問題点は何でしょうか。

K_3578

2021/05/20 05:25

ついでに指摘しておくと、 <h1 id="header" class="face">CSS　を使ったプログラミング</h1> に全角スペースが入っています。不具合になりかねないので空けるにしても半角にしましょう。

khouna

2021/05/20 05:29

分かりました

行動規範の内容に同意します

回答1件

ベストアンサー

rotateXをratateXと凡ミスしているだけかなと。

投稿2021/05/20 05:26

itagagaki

総合スコア8402

khouna

2021/05/20 05:31

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

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

javascriptでcssを操作したい