Ответы, комментарии, мнения на вопрос.

Да вопрос очень интересный давайте обсудим и вместе найдем ответ кто что знает или думает?

Знаете ответ на этот вопрос? Опубликуйте его ваше мнение будет интересно другим пользователям!

Один комментарий на ««Как вывести на страницу карточки с картинкой, ссылка на которую указываю в модальном окне input?»»

1. 

   Ответ:

   Keyudit

   Тут могла бы быть ваша ссылка подробнее в личном кабинете.

   26 сентября, 2024

   Для того чтобы вывести на страницу карточки с картинкой, ссылка на которую указывается в модальном окне input, вам нужно сначала получить значение ссылки из input, затем создать новый элемент карточки (например, div или img) и присвоить этому элементу значение ссылки в качестве источника изображения.

   Пример кода на JavaScript:

   HTML:

   “`html

   Создать карточку

   “`

   JavaScript:

   “`javascript
   function createCard() {
   var imageLink = document.getElementById(“imageInput”).value;
   var card = document.createElement(“img”);
   card.setAttribute(“src”, imageLink);
   card.setAttribute(“class”, “card”);
   document.getElementById(“cardsContainer”).appendChild(card);
   }
   “`

   CSS (для стилизации карточек):

   “`css
   .card {
   max-width: 200px;
   height: auto;
   margin: 10px;
   }
   “`

   Таким образом, при вводе ссылки на изображение в input и нажатии кнопки “Создать карточку”, будет создана новая карточка на странице с указанным изображением.

   Ответить