При добавлении интерактивности на веб-сайт файл javascript, похоже, не ссылаетсяCSS

Разбираемся в CSS
Ответить
Anonymous
 При добавлении интерактивности на веб-сайт файл javascript, похоже, не ссылается

Сообщение Anonymous »

Я практиковал интерактивность с вводами и кнопками, но что бы я ни делал, файл сценария не подключался или просто ничего не делал с подключенной функцией.
Ссылка веб-сайта: https://yg5xem.mimo.run/index.html

Код: Выделить всё

function changeLinks() {
const roblox = document.getElementById("roblox");
roblox.innerHTML = "https://www.roblox.com/home/";

const youtube = document .getElementById("youtube");
youtube.innerHTML = "https://www.youtube.com";
}

function moreInformation() {
const hobbies = document.querySelectorAll("li");

if (hobbies[0].innerHTML === "Gaming") {
hobbies[0].innerHTML = "Gaming (Main game: FE2)";
}

if (hobbies[1].innerHTML === "Speedcubing") {
hobbies[1].innerHTML = "Speedcubing (Cube: MoYu RS3M 2023)";
}

if (hobbies[2].innerHTML === "Eating") {
hobbies[2].innerHTML = "Eating (I love potatoes)";
}

if (hobbies[3].innerHTML === "Trampolining") {

hobbies[3].innerHTML = "Trampolining (I've went to Jumpers)";
}
}

function addHobbie() {
const hobbie = document.querySelector(".addHobbie").value;
const orderInput = document.querySelectorAll(".addHobbie");

let order = orderInput[1].value;
order -= 1;

const listItems = document.querySelectorAll("li");

listItems[order].innerHTML = hobbie;
}

Код: Выделить всё

body {
background-color: orange;
color: black;
}

.sitelinks {
font-size: 20px;
background-color: white;
border: solid 3px black;
padding: 10px 15px 10px 15px;
border-radius: 10px;
margin-left: 20px;
}

#title {
text-align: center;
margin: 25px 75px 25px 75px;
border: solid 3px white;
border-radius: 10px;
background-color: white;
border: solid 4px black;
padding: 10px;
}

p {
background-color: white;
border: solid 3px black;
border-radius: 8px;
text-align: center;
}

ul {
background-color: white;
border: solid 3px black;
border-radius: 8px;
margin: 15px 25px 5px 25px;
}

.linksAndHobbies {
font-size: 20px;
background-color: white;
border: solid 3px black;
padding: 10px 15px 10px 15px;
border-radius: 10px;
margin: 5px 100px 10px 100px;
text-align: center;
}

.addHobbie {
font-size: 20px;
background-color: white;
border: solid 3px black;
border-radius: 10px;
margin: 5px;
text-align: center;
}

Код: Выделить всё



[*]
Testing


My New Playground

Here, I'll test some of the stuff I've practiced!
Some Sites:

[url=https://www.youtube.com]Youtube[/url]

[url=https://www.roblox.com/home/]Roblox[/url]

Change Links

[list]

Things I like to do:

Gaming
[*]Speedcubing
[*]Eating
[*]Trampolining

[/list]

More Information

Add







Я пытался поместить console.log в самом начале, но даже не это
Код первой кнопки должен изменить текст первой и второй ссылок на версию без гиперссылок.
Вторая кнопка просто добавила больше текста к элементам списка.
/>В третьем было 2 входа: первый для ввода добавляемого текста, а второй для указания порядка элемента списка.
Примечание: если есть что-то не оптимизированное, но все же работает, не обращайте внимания, я все еще учусь. (Вот почему это есть в MiMo)

Подробнее здесь: https://stackoverflow.com/questions/786 ... seem-to-be
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»