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

  • Автор темы forexin
  • 49
  • Обновлено
  • 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

Тем
1

Постов
2

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

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

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

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

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

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


Рег
06 Feb, 2012

Тем
1

Постов
3

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

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



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

и т. д. и т. п.



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

WebMasterDF09


Рег
03 Mar, 2011

Тем
2

Постов
3

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

numbed


Рег
09 Dec, 2012

Тем
1

Постов
3

Баллов
13
Тем
49554
Комментарии
57426
Опыт
552966

Интересно