Menu
Coddy logo textTech

ループ処理と操作

Coddyの「JavaScript DOM メソッド」コースのレッスン 6/13。

チャレンジしてみましょう!

challenge icon

チャレンジ

簡単

クラス名が 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>

JavaScript DOM メソッドのすべてのレッスン