Как сделать чтобы при нажатии на кнопку добавлялась картинка

@JackPOlo · Регистрация: 17.03.2018

Author24 — интернет-сервис помощи студентам

Здравствуйте!
Как сделать чтобы при нажатии на кнопку добавлялась картинка.

@Qwerty_Wasd · 17.03.2018, 15:28

JackPOlo,

HTML5

1	<button id="btn">Кнопка</button>

Javascript

btn.onclick=function(){if(!document.getElementById('img')){var image=document.createElement('img');image.id="img";image.src="https://dummyimage.com/100x100/b8b8b8/000000.png";document.body.appendChild(image)}}

@JackPOlo · 17.03.2018, 15:43 **[ТС]**

Почему то не работает?

@Qwerty_Wasd · 17.03.2018, 16:11

JackPOlo, код JS разместить перед закрывающим тегом </body>

PHP/HTML

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
</head>
<body>
    <button id="btn">Кнопка</button>
    <script>
        btn.onclick=function(){if(!document.getElementById('img')){var image=document.createElement('img');image.id="img";image.src="https://dummyimage.com/100x100/b8b8b8/000000.png";document.body.appendChild(image)}}
    </script>
</body>
</html>

@JackPOlo · 17.03.2018, 17:31 **[ТС]**

Qwerty_Wasd, Спасибо!

@JackPOlo 0 / 0 / 0 Регистрация: 17.03.2018 Сообщений: 8
		1
	Как сделать чтобы при нажатии на кнопку добавлялась картинка 17.03.2018, 14:51. Показов 14565. Ответов 4 Метки нет (Все метки) Здравствуйте! Как сделать чтобы при нажатии на кнопку добавлялась картинка. 0

@JackPOlo 0 / 0 / 0 Регистрация: 17.03.2018 Сообщений: 8
	17.03.2018, 15:43 [ТС]	3
	Почему то не работает? 0

@JackPOlo 0 / 0 / 0 Регистрация: 17.03.2018 Сообщений: 8
	17.03.2018, 17:31 [ТС]	5
	Qwerty_Wasd, Спасибо! 0

Как сделать чтобы при нажатии на кнопку добавлялась картинка

Решение