может кто-нибудь помочь мне с этим кодом html/javascript

  • Автор темы Forexin
  • Обновлено
  • 13, May 2024
  • #1
Привет, Я новичок на этом форуме и только начал программировать. я пытаюсь что-то сделать, но не знаю, что использовать.

я застрял с:

class="pijlen" (возможно, я сделал это неправильно)

надеюсь, вы, ребята, сможете мне помочь

что я хочу сделать: текущие значения должны быть в файле JSON, этот файл извлекается медиаплеерами, а значение отображается на матричных досках.

но теперь я хочу создать значения и связать их с моим изображением, чтобы, если я нажимаю на одно изображение (на изображении есть кнопка), я хочу, чтобы было открыто правильное значение.

мой код:
 <!DOCTYPE html>

<html>

<head>
 <link type="text/css" rel="stylesheet" href="style.css">
</head>

<body>

<div class="container">

 <div class="header">

 <img src="logo.png"width="200"
 height="75">
 <h1>MATRIXBORDEN</h1>
 </div>

 class="pijlen"><img id="zwartevlak" src="item_black.jpg" data-value="1">
 class="pijlen"><img id="groenepijl" src="item_available.jpg" data-value="2">
 class="pijlen"><img id="links" src="item_left.jpg" data-value="3">
 class="pijlen"><img id="rechts" src="item_right.jpg" data-value="4">
 class="pijlen"><img id="roodkruis" src="item_unavailable.jpg" data-value="5">

 <ul>
 <li>
 <div class="bottom">LAAN 1</div>

 <div class="imagecontainer">
 <img class="foto1" src="rood.png"width="75" height="75">

 </div>
 <div class="imagecontainer">
 <button class="btn" name="button" value="OK" type="button" onclick="hello()">Click Here</button>
 <img class="foto1" src="item_available.jpg"width="75" height="75">

 </div>

 <div class="imagecontainer">
 <button class="btn" name="button" value="OK" type="button" onclick="hello()">Click Here</button>
 <img class="foto1" src="item_right.jpg"width="75" height="75">
 </div>
 <div class="imagecontainer">
 <button class="btn" name="button" value="OK" type="button" onclick="hello()">Click Here</button>
 <img class="foto1" src="item_black.jpg"width="75" height="75">
 </div>

 <div class="imagecontainer">
 <button class="btn" name="button" value="OK" type="button" onclick="hello()">Click Here</button>
 <img class="foto1" src="item_unavailable.jpg"width="75" height="75">
 </div>
 </li>
Код (разметка):

Forexin


Рег
15 Feb, 2014

Тем
66

Постов
195

Баллов
565
  • 29, May 2024
  • #2
Я никогда раньше не видел такого последовательного и противоречивого кода.

Вам обязательно необходимо сначала прочитать руководства о том, как программировать.

Похоже, вы посмотрели на какой-то код, скопировали и вставили код и попытались заставить его работать.

Сначала разберитесь в коде.

Вам нужно вернуться к шагу 1.
 

Стас ковальчук


Рег
06 Feb, 2012

Тем
72

Постов
185

Баллов
575
  • 01, Jun 2024
  • #3
Занятия идут НА тег, а не перед тегом. У вас нет открытия <название тэга сказать, для чего нужны эти занятия, и не закрывать их название тэга> чтобы сказать, где заканчивается указанный тег, предполагая, что контейнер непустой. Хотя на самом деле ВСЯ эта разметка имеет проблемы.

То, что выглядит как презентационные изображения в разметке, возможно, изображения делают то, для чего мы больше не используем изображения, атрибуты данных, вполне возможно, как крючки для «JS ни за что», устаревшие насобытие такие атрибуты, как «onclick», вместо подключения разметки с помощью addEventListener, элементы BUTTON, которые на самом деле ничего не делают сами по себе без сценариев, что означает, что они вообще не имеют никакого отношения к разметке и должны генерироваться сценарием, несколько, возможно, бессмысленно.

DIV похож на «заголовок» вокруг совершенно правильного пронумерованного заголовка[bi]ing

и т. д. и т. п.

Мне нужно было бы увидеть изображения и то, что вы вообще пытаетесь сделать, чтобы продвинуться дальше, но ваша несемантическая разметка эпохи браузерных войн 1990-х годов сочетается с тем, что вполне возможно является «JavaScript ни за что» и/ или говорить пользователям с доступностью, что это бесит? НЕ благоприятное начало.
 

WebMasterDF09


Рег
03 Mar, 2011

Тем
77

Постов
184

Баллов
579
  • 04, Jun 2024
  • #4
Очень неразборчивый код. Конечно, нужно начинать с самого начала. Рекомендую прочитать пару книг. Чего вы хотите достичь? Хотите стать программистом или просто сделать программу для себя? Если вам нужна помощь, вы можете обратиться в корпорацию «EffectiveSoft». Они помогут вам с вашим кодом.
 

Numbed


Рег
09 Dec, 2012

Тем
58

Постов
189

Баллов
489
Тем
403,760
Комментарии
400,028
Опыт
2,418,908

Интересно