ループ処理と操作
Coddyの「JavaScript DOM メソッド」コースのレッスン 6/13。
チャレンジしてみましょう!
チャレンジ
簡単クラス名が item である5つの段落を含むHTMLコードが与えられています。
JavaScriptのみを使用して、段落のテキストを番号付きリストのように変更してください。
期待される出力は以下の通りです:

JSの変更を確認するために、ウェブページを更新するのを忘れないでください!
自分で試してみよう
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<p class="item">Banana</p>
<p class="item">Apple</p>
<p class="item">Pear</p>
<p class="item">Water</p>
<p class="item">Milk</p>
<script src="script.js"></script>
</body>
</html>