Lab: HTML and CSS Overview - 05. HTML Lists грешка - Софтуерен университет

Daniel_Hristov 0 Точки

Lab: HTML and CSS Overview - 05. HTML Lists грешка

Колеги, крайният резултат ми изглежда идентичен с целта на задачата, но при submit-ване в judge системата, получавам 4 грешки: Unexpected error: Cannot read property 'type' of undefined.
Явно нещо елементарно не довиждам, някой има ли идея какво е?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>html-lists</title>
</head>
<body>
        <ol type="I">
        <li>List item 1</li>
            <ol type="a">
                <li>Nested item 1.1</li>
                <li>Nested item 1.2</li>
            </ol>
        <li>List item 2</li>
            <ol type="1">
                <li>Nested item 2.1</li>
                <li>Nested item 2.2</li>
                    <ul type="circle">
                        <li>Nested item 2.2.1</li>
                        <li>Nested item 2.2.2</li>
                        <li>Nested item 2.2.3</li>
                    </ul>
                <li>Nested item 2.3</li>
            </ol>
        <li>List item 3</li>
            <ul type="disc">
                <li>Nested item 3.1</li>
                <li>Nested item 3.2</li>
                <li>Nested item 3.3</li>
            </ul>
        </ol>
</body>
</html>

Тагове:

23/01/2018 13:33:33 Web Fundamentals - HTML5

BoYaN 336 Точки

https://validator.w3.org/
ако ползваш WebStorm, той си има вграден валидатор за HTML.
Проблемът ти в този случай е че нестваш лист (ol и/или ul) в друг лист.

23/01/2018 21:06:58

polinausheva123 2 Точки

И аз имам същия проблем, ще се радвам ако някой поясни къде е грешката и как се поправя

24/01/2018 14:04:01

Daniel_Hristov 0 Точки

Виж по-долу. Ако проблемът ти е бил същият като моя - затваряш <li> елемента преди, а не след нестнатия в него под-лист.

25/01/2018 02:15:46

JivkoJelev 235 Точки

Дай условието на задачата.

24/01/2018 17:42:50

Daniel_Hristov 0 Точки

Сванах проблема. Нестнатия лист трябва да е вложен в <li></li> елемента от главния лист в който е нестнат, а не между два <li></li> елемента.

Тоест правилно е:

<ol type="I">
<li>List item 1
    <ol type="a">
        <li>Nested item 1.1</li>
        <li>Nested item 1.2</li>
    </ol>
</li>
<li>List item 2
<!––и така нататък––>

А не:

<ol type="I">
<li>List item 1</li>
    <ol type="a">
        <li>Nested item 1.1</li>
        <li>Nested item 1.2</li>
    </ol>
<li>List item 2
<!––и така нататък––>

Просто WebStorm е политически коректен и вижда, че сме тъпи, но си трае, защото разбира какво се опитваме да направим, а judge-a си ни реже.

25/01/2018 02:09:05 25/01/2018 02:13:05

daniel123123 27 Точки

Трябва да бъдат вътре във елемента под които са.
Например:

<li>List item 1

<li>Nested item 1.1</li>

<li>Nested item 1.2</li>

</ol>

</li>

<!DOCTYPE html>
<head>
    <title>HTML Lists</title>
</head>
<body>
    <ol type="I">
        <li>List item 1
            <ol type="a">
                <li>Nested item 1.1</li>
                <li>Nested item 1.2</li>
            </ol>
        </li>
        <li>List item 2
            <ol type="1">
                <li>Nested item 2.1</li>
                <li>Nested item 2.2
                    <ul type="circle">
                        <li>Nested item 2.2.1</li>
                        <li>Nested item 2.2.2</li>
                        <li>Nested item 2.2.3</li>
                    </ul>
                </li>
                <li>Nested item 2.3</li>
            </ol>
        </li>
        <li>List item 3
            <ul type="disc">
                <li>Nested item 3.1</li>
                <li>Nested item 3.2</li>
                <li>Nested item 3.3</li>
            </ul>
        </li>
    </ol>
</body>
</html>

13/05/2023 16:44:48 13/05/2023 17:11:57