Ребят, нужна небольшая помощь. На первый трех скринах показано, как должна работать задуманная идея (наводим мышку на нужный элемент, он поднимается, а по нажатию вылезает popup окно, которое описывает подробнее тот или иной материал). На данный момент это работает так, что на какой бы из материалов я не нажал, все равно будет вылезать popup с одной и той же картинкой материала, дабы это прописано в html.

Мне нужно написать js, который бы брал, например, id нажатого лепестка (для каждого лепестка уже прописано onlick, что могло бы быть триггером для js), затем брал бы нужную <img>, в зависимости от того, какой лепесток был нажат, и вставлял бы эту <img> в класс popup, которй сейчас и показывает одну и туже картинку.

Поэтому, я спрашиваю не решение, я лишь прошу совета, что почитать на эту тему в js, дабы я понимаю, что нужно делать, но упираюсь в барьер знаний о возможностях js?

Я бы создал класс попапа, и передавал в него src изображений из массива по id. В зависимости на какой лепесток нажмёшь

Повесь  на картинки дата-атрибуты с названием/id, при клике вызывай popup и передавай этот id/название, а в пути для картинки ставь название, которое из дата-атрибута (только файлы назови так же как в дата-атрибуте у тебя будет)

Вот именно об этом я и думал, мол дать каждой картинке свой id, и вызывать их по этому же id. Но опять же, я знаю про метод document.getElementById(''), где в кавычках указывается конкретный нужный id. Но мне-то нужно как-то в эти кавычки загнать нужный мне id, а не прописывать его от руки заранее в коде. В этом меня затык

Но а это, думается, элегантное решение, да))

Либо я думаю не в ту сторону, дабы кроме getElemById я толком ничего не знаю))) Что юзать то нужно?

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

Оно?
https://learn.javascript.ru/event-delegation

Да

Пасиба)

Всем привет, подскажите как сделать нажатие на кнопку по клавише Enter пока нахожусь внутри формы? Использую MAterial-UI

Ребята кто может с regex помочь ?

Так если ты в теге form находишься, то кнопке задаешь type="submit", а на форме делаешь событие onsubmit, куда вставляешь функцию с e.preventDegault()

Есть такой  regex /^\d+$/ проверяю только на цыфры. Но в строке  есть точка. Как мне её пропустить

Вообще вот простой пример. Надеюсь поймешь как переделать под своё.
https://codepen.io/Nomikama/pen/poyJzzo
Но тебе нужно передавать аргументом в модалку и принимать его там..

Спасибо

Но тебе нужно передавать аргументом в модалку и принимать его там..

Да, так и планировалось. Разве с этим есть какие-то проблемы?)

Но тебе нужно передавать аргументом в модалку и принимать его там..

Я же откуда знаю какие у тебя знания в JS) Просто предупредил