Изучая JavaScript в колледже, это должен быть просмотрщик стилей

Question

Изучая JavaScript в колледже, это должен быть просмотрщик стилей

0

Я скопировал код, как мы должны для этого класса. Книга, которую использует колледж, - это HTML и JavaScript Basics 4th edition. Я действительно на последнем проекте в последней главе и не могу понять, что не так с кодом. Предполагается, что он изменится с помощью разных размеров и цветных шрифтов.

Я запускаю код через JShint.com и не получаю ничего окончательного по причине его неработоспособности. Посмотрел по всему сайту, даже на что-то вроде близкое, чтобы посмотреть, поможет ли что-нибудь, ничего. Я уверен, что все, что это такое, очень просто или, скорее всего, произошло в книге чего-то не хватает.

Мой код java/html:

<link href="js25.css" rel="stylesheet" type="text/css"></link>
<script type="text/javascript">
    /* <![CDATA[ */
    var index = 0;

    function stylize() {
        index++;
        if (index > 7) index = 1;
        var s = "myStyle" + index;
        var e = document.getElementById("MessageText");
        e.className = s;
        setTimeout("stylize()", 1500);
        return;
    }

    /* ]]> */
</script>
</head>
<body onload="stylize()">
    <table align="center" border="1" style="border-color:black">
        <tr>
            <td align="center">
                <font size="3"><b>STYLE CLASS VIEWER</b></font>
            </td>
        </tr>
        <tr>
            <td align="center" height="100" width="400">
                <div id="MessageText" class="myStyle1">
                    Hello World Wide Web!!
                </div>
            </td>
        </tr>
    </table>
</body>

и это мой код css:

.myStyle1 {
    color: black;
    font-size: 12;
}

.myStyle2 {
    color: black;
    font-size: 18;
}

.myStyle3 {
    color: black;
    font-size: 24;
}

.myStyle4 {
    color: black;
    font-size: 30;
}

.myStyle5 {
    color: black;
    font-size: 30;
}

.myStyle6 {
    color: black;
    font-size: 30;
}

.myStyle7 {
    color: black;
    font-size: 30;
}

Quixdi 16 апр. 2014, в 21:05

Источник

0

Это работает для меня: jsfiddle.net/qW3u7 (предоставлено, разные классы ничего не делают, потому что они все одинаковы из-за выброса размера шрифта.)
Kevin B 16 апр. 2014, в 18:19
0

«Мой код java / html» Может быть просто опечатка, но важно отметить: javascript! = Java. Даже не близко.
Adam 16 апр. 2014, в 18:25

Теги:

javascript

html

css

viewer

1 ответ

Ещё вопросы

Это работает для меня: jsfiddle.net/qW3u7 (предоставлено, разные классы ничего не делают, потому что они все одинаковы из-за выброса размера шрифта.)
«Мой код java / html» Может быть просто опечатка, но важно отметить: javascript! = Java. Даже не близко.

Joel Jeske · Accepted Answer · 2014-04-16T17-02-00.000Z

Ваш JavaScript выглядит хорошо, кажется, что ваша проблема связана с CSS. Вам нужно будет добавить 'px' к вашему размеру шрифта.

.myStyle1 {color:black; font-size:12px}
.myStyle2 {color:black; font-size:18px}
.myStyle3 {color:black; font-size:24px}

Всегда хорошая идея заканчивать все объявления CSS точкой с запятой - даже последней в скобке.
Спасибо!! это имело большое значение. Я знал, что это должно быть что-то маленькое, но полностью упускал это. Сосредоточился WAY на стороне сценария Java. Адам, я боялся, что это было частью моей проблемы, поэтому я оставил ее, как сказано в книге, для написания кода. Facepalm Будет иметь это в виду на будущее.