Как вывести картинку в javascript
Перейти к содержимому

Как вывести картинку в javascript

  • автор:

Как вывести картинку из скрипта?

Как в этом коде сделать так, чтобы когда, например, генерируется число 1, вместо числа появлялась картинка?

Отслеживать
6,998 6 6 золотых знаков 37 37 серебряных знаков 65 65 бронзовых знаков
задан 23 мар 2019 в 7:43
13 2 2 бронзовых знака

Да, ну например сгенерировалась цифра «1» и я хочу, чтобы не просто цифра была , а картинка этой цифры.

23 мар 2019 в 7:58
просто 1.png и все
23 мар 2019 в 8:18
и таких 6 штук, то есть 1.png 2. png и т. д.
23 мар 2019 в 8:19

1 ответ 1

Сортировка: Сброс на вариант по умолчанию

Если нужна картинка с сервера, то вот так:

document.getElementById("button").onclick = function () < let randomNumber = (Math.floor(Math.random() * (6 - 1) + 1)); let img = ``; document.getElementById('table').innerHTML = img; console.log(img ) >

Отслеживать
ответ дан 23 мар 2019 в 7:58
Stranger in the Q Stranger in the Q
56k 10 10 золотых знаков 83 83 серебряных знака 136 136 бронзовых знаков
Картинка просто в папке с файлами html, css, js
23 мар 2019 в 8:00

  • javascript
  • html
  • css
  • функции
    Важное на Мете
Похожие

Подписаться на ленту

Лента вопроса

Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.

Дизайн сайта / логотип © 2023 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2023.11.15.1019

Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.

Вывести изображение через js

.

Используя document.write() и любую из циклических конструкций выведите десять одинаковых изображений (надо выводить )

Я вот пытаюсь но ничего 

1 2 3 4
script> var img.src = 'img/js.jpg' document.write(img) script>

Лучшие ответы ( 1 )
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:

Вывести загруженное изображение через JavaScript
Нужно вывести загруженное изображение в HTML коде, через JavaScript. Загрузка файла через input.

Вывести изображение QPixmap через QPainter. Код не компилируется
Я хочу вывести изображение QPixmap через QPainter и нельзя передавать this в конструктор делаю.

Вывести изображение через HDMI при неработающем дисплее ноутбука
Здравствуйте! Такая проблема: есть ноутбук Acer Aspire V5ZRI с разбитым монитором (изображение.

Вывести множество цифр, входящих в изображение числа N, которые не входят в изображение числа M
Помогите пожалуйста Сама задача " Пусть заданы два натуральных числа N и M. Составить программу.

87 / 31 / 16
Регистрация: 01.06.2019
Сообщений: 642
Как изображение вывести? 

1 2 3 4 5 6
script> for(var i=0; i 10;i++) { document.write('') } script>

Эксперт JS

6485 / 3896 / 2005
Регистрация: 14.06.2018
Сообщений: 6,781

Лучший ответ

Сообщение было отмечено Rudman132 как решение

Решение

1 2 3 4
for(var i=0; i 10;i++) { document.write(''); // точку надо было убрать после img и кавычки не хватило }

вывести картинку js

Для вывода картинки в JavaScript можно использовать элемент img и добавить его на страницу с помощью метода append() . Вот простой пример:

  id="image-container">
// JavaScript const img = document.createElement('img'); img.src = 'path/to/image.png'; document.getElementById('image-container').append(img);

Здесь мы создали элемент img , задали ему путь к картинке и добавили его внутрь элемента с id=»image-container» . Картинка будет отображена на странице внутри этого контейнера.

Обратите внимание, что путь к картинке указывается относительно положения файла JavaScript в структуре проекта.

Как вывести картинку от слова на js?

На страницу будут выводиться слова из фильтра.
Как сделать так, чтоб вместо слов выводилась иконка?

Есть слова к примеру:
Вода,свет,интернет

5eca46ec97b12680220262.png

Нужно по итогу добиться до такого:

Нашел такой скрипт, но что то не работает. 

let textfield = document.querySelector('p'); let sourceText = textfield.innerText; let map = < 'Холодильник': 'https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/facebook/158/sun-with-face_1f31e.png', 'Чайник': 'https://sun1-21.userapi.com/c841121/v841121754/60829/AWOAkeCvm3s.jpg?ava=1' >; const replace = (text, map) => Object.keys(map).reduce((result, key) => < let pattern = new RegExp(`$`, 'g'); let value = map[key]; let img = ``; return result.replace( pattern, img ); >, text); let html = replace(sourceText,map); textfield.innerHTML = html;