エラーの原因　

画像と違いhelloも黒で囲まれていないし、hallo worldも表示されていません。

JavaScript
1    <!DOCTYPE html>
2<html lang="ja">
3<head>
4    <meta charset="utf-8">
5    <title>JavaScriptの練習</title>
6    <style>
7        .myStyle {
8            font-weight: bold;
9            border: 1px solid gray;
10        }
11    </style>
12</head>
13<body>
14    <h1>見出し</h1>
15    <p id="msg">こんにちは！</p>
16    <script>
17    var e = document.getElementById("msg");
18    e.textContent = "hello!" ;
19    e.style.color = 'red';
20    e.className = 'mystyle';
21
22    var greet = document.createElememt('p'),
23        text = document.createTextNode('hello world');
24    document.body.appendChild(greet).appendChild(text)
25
26    </script>
27
28  </body>
29  </html>
30
31

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

回答3件

ベストアンサー

以下の2つを変更すればhelloが黒で囲まれて、hallo worldも表示されると思います。
0. mystyleをmyStyleに変更。
0. createElememtをcleateElementに変更。

HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4    <meta charset="utf-8">
5    <title>JavaScriptの練習</title>
6    <style>
7        .myStyle {
8            font-weight: bold;
9            border: 1px solid gray;
10        }
11    </style>
12</head>
13<body>
14<h1>見出し</h1>
15<p id="msg">こんにちは！</p>
16<script>
17    var e = document.getElementById("msg");
18    e.textContent = "hello!";
19    e.style.color = 'red';
20    e.className = 'myStyle';
21
22    var greet = document.createElement('p'),
23        text = document.createTextNode('hello world');
24    document.body.appendChild(greet).appendChild(text);
25</script>
26</body>
27</html>