Как заставить скрипты выполняться

@mariammm · Регистрация: 24.09.2019

Author24 — интернет-сервис помощи студентам

При запуске html ничего не меняется, хотя js файл подключён.

Javascript

let section1 = document.getElementById('section1');
let section2 = document.getElementById('section2');
let section3 = document.getElementById('section3');
let section4 = document.getElementById('section4');
let section5 = document.getElementById('section5');
let section6 = document.getElementById('section6');
 
let a = 6, b = 7, c = 8;
 
function loadColor() {
    document.cookie.split(';').map(item => {
        if (item.includes('_blockColor')) {
            section3.style.color = item.substring(item.indexOf('=') + 1, item.length);
        }
    });
};
 
function loadText() {
    document.cookie.split(';').map(item => {
        if (item.includes('_savedText')) {
            inputUserText.value = item.substring(item.indexOf('=') + 1, item.length);
        }
    });
};
 
let task1 = () => {
    let tmp = section4.outerHTML;
    section4.innerHTML = section5.outerHTML;
    section5.innerHTML = tmp;
};
 
let task2 = () => {
    let s = Math.PI*a*b;
    section3.firstElementChild.getElementsByTagName('p')[0]
        .innerHTML += '<p>The area of the circle is: ' + s + '</p>';
}
 
loadColor();
loadText();
task1();
task2();

@MrOnlineCoder · 24.10.2020, 21:11

Сообщение от mariammm

При запуске html ничего не меняется, хотя js файл подключён.

главный вопрос именно в том как он подключен, покажите html ваш

@vpArth · 24.10.2020, 21:14

«js подключен» в <head>, небось?
Скорее всего на момент выполнения скрипта в DOM ещё ничего нет.
Перенесите скрипт перед </body> для начала. А потом можно события прогрузки контента ещё подождать.

@mariammm · 24.10.2020, 21:25 **[ТС]**

HTML5

<html>
<head>
    <title>jndffd</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="styles.css">
    <script type="text/javascript" src="script.js"></script>
 
</head>

Добавлено через 11 минут
vpArth, ничего не поменялось даже после ожидания и перестановки подключения (

@MrOnlineCoder · 24.10.2020, 21:26

Сообщение от mariammm

ничего не поменялось даже после ожидания и перестановки подключения

покажите как переставили

@mariammm · 24.10.2020, 21:27 **[ТС]**

MrOnlineCoder,

HTML5

<script type="text/javascript" src="script.js"></script>
<body>
<header>
    <div class="logo">
        <h2>Текст</h2>
    </div>
    <h1>Page 1</h1>
</header>
<div class="main">

@MrOnlineCoder · 24.10.2020, 21:30

mariammm, внимательнее читайте пост от vpArth:

Перенесите скрипт перед </body> для начала

Вы перенесли перед открывающим тегом, и эффекта конечно же это не даст.

Нужно так:

HTML5

<body>
<header>
    <div class="logo">
        <h2>Текст</h2>
    </div>
    <h1>Page 1</h1>
</header>
<div class="main">
.....
</div>
<script type="text/javascript" src="script.js"></script>
</body>

@mariammm · 24.10.2020, 21:38 **[ТС]**

MrOnlineCoder,
Переделываю, но оно не работает, посмотрите, пожалуйста

HTML5

<html>
<head>
    <title>лорт</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="styles.css">
 
</head>
 
<body>
<header>
    <div class="logo">
        <h2>Загальна інформація про котів</h2>
    </div>
    <h1>Page 1</h1>
</header>
<div class="main">
    <div class="main_up">
        <div class="leftside">
            <div class="upblock">
                <h3>&nbsp;Загальна інформація про котів</h3>
            </div>
            <div class ="downblock">
                <div>
                    <h3 >Меню</h3>
                    <ol >
                    <li><a href="cats.html">Page 2</a></li>
                    <li><a href="cats1.html">Page 3</a></li>
                    <li><a href="cats3.html">Page 4</a></li>
                    <li><a href="cats4.html">Page 5</a></li>
                    </ol>
                </div>
 
            </div>
        </div>
        <div class="centered">
            <div class = "up">
                <img src="cat.jpg">
            </div>
 
            <div class="down">
                <p>&emsp;Кіт сві́йський, або кі́шка сві́йська (лат. Felis silvestris catus), як і його родич кіт дикий (лісовий) — невеликий ссавецьряду хижих (Carnivora) родини котових (Felidae).</p>
            </div>
        </div>
        <div class="rightside">
            <p>
                &emsp;Кіт знаходиться у тісному співіснуванні з людиною понад 9500 років та є найпоширенішою хатньою твариною. Поширений у всіх районах земної кулі. Україна входить в 10 країн з найбільшою чисельністю населення котів (станом на 2006 рік), ставши домом для 7 350 000 домашніх котів.
                Загалом у світі нараховується близько 600 млн. (2015 рік) домашніх котів.
                Коти приблизно одного розміру з іншими малими кішками, вони мають струнке тіло, гострі зуби, чудовий зір та нюх, добре пристосовані для полювання на менших тварин. Однак, коти, у порівнянні з дикими родичами, втратили смак до цукру, а певні популяції проявляють спадкову глухоту. Хоча коти полюють поодинці, вони є соціальними тваринами, що використовують численні засоби комунікації, у тому числі вокалізація, феромони, мову тіла.
            </p>
        </div>
 
    </div>
 
</div>
<footer>
    <div class="logo">
        <h2>Кошенята</h2>
    </div>
    <h1>Cats</h1>
</footer>
<script type="text/javascript" src="script.js"></script>
</body>
</html>

Javascript

let section3 = document.getElementsByClassName("up");
let section4 = document.getElementsByClassName("rightside");
let section5 = document.getElementsByClassName("downblock");
 
 
let a = 12, b = 7;
 
function loadColor() {
    document.cookie.split(';').map(item => {
        if (item.includes('_blockColor')) {
            section3.style.color = item.substring(item.indexOf('=') + 1, item.length);
        }
    });
};
 
function loadText() {
    document.cookie.split(';').map(item => {
        if (item.includes('_savedText')) {
            inputUserText.value = item.substring(item.indexOf('=') + 1, item.length);
        }
    });
};
 
let task1 = () => {
    let tmp = section4.outerHTML;
    section4.innerHTML = section5.outerHTML;
    section5.innerHTML = tmp;
};
 
let task2 = () => {
    let s = Math.PI*a*b;
    section3.firstElementChild.getElementsByTagName('p')[0]
        .innerHTML += '<p>The area of the circle is: ' + s + '</p>';
}

@vpArth · 24.10.2020, 21:53

Javascript

1	let section3 = document.getElementsByClassName("up");

Метод возвращает коллекцию элементов, первый элемент получить можно, если добавить [0]

Javascript

1	let section3 = document.getElementsByClassName("up")[0];

Или лучше:

Javascript

1	let section3 = document.querySelector(".up");

Добавлено через 1 минуту
А вообще, вы бы в консоль поглядывали, там иногда дельные вещи пишут

@MrOnlineCoder · 25.10.2020, 00:04

Сообщение от mariammm

document.cookie.split(';').map(item => {
if (item.includes('_savedText')) {
inputUserText.value = item.substring(item.indexOf('=') + 1, item.length);
}
});

Если вам нужно хранить какой-то текст от пользователя локально - не используйте для этого куки, они имеют ограничение на размер, неудобны да и вообще используются только на сервере, для этого лучше подойдет localStorage

@MrOnlineCoder Всегда онлайн 1084 / 788 / 295 Регистрация: 07.04.2013 Сообщений: 2,703
	24.10.2020, 21:11	2
	Сообщение от mariammm При запуске html ничего не меняется, хотя js файл подключён. главный вопрос именно в том как он подключен, покажите html ваш 0

@vpArth 48 / 43 / 10 Регистрация: 20.10.2020 Сообщений: 99
	24.10.2020, 21:14	3
	«js подключен» в <head>, небось? Скорее всего на момент выполнения скрипта в DOM ещё ничего нет. Перенесите скрипт перед </body> для начала. А потом можно события прогрузки контента ещё подождать. 0

@MrOnlineCoder Всегда онлайн 1084 / 788 / 295 Регистрация: 07.04.2013 Сообщений: 2,703
	24.10.2020, 21:26	5
	Сообщение от mariammm ничего не поменялось даже после ожидания и перестановки подключения покажите как переставили 0

@MrOnlineCoder Всегда онлайн 1084 / 788 / 295 Регистрация: 07.04.2013 Сообщений: 2,703
	25.10.2020, 00:04	10
	Сообщение от mariammm document.cookie.split(';').map(item => { if (item.includes('_savedText')) { inputUserText.value = item.substring(item.indexOf('=') + 1, item.length); } }); Если вам нужно хранить какой-то текст от пользователя локально - не используйте для этого куки, они имеют ограничение на размер, неудобны да и вообще используются только на сервере, для этого лучше подойдет localStorage 0