Форум

Toban · #1 (**permalink**) 25.03.2020, 23:26

Помогите пожалуйста.
Нужно по нажатию на кнопку сделать проверку наличия изображения в <div>
Если изображение существует то нужно его удалить.
А если не существует то добавить.

<input type="Image" src="https://sun9-34.userapi.com/c855028/v855028167/2116c2/ZJVoZc3FBIU.jpg" id="buttom">
<script>
window.onload = function () 
{
  buttom.onclick = function()
  {
          var pc = document.getElementById("pic_cntr");
          var img = new Image();
          let c = 'Raid Random/Reward_Dragon_Jpg/Armor/';
          img.src = "https://sun9-33.userapi.com/c855028/v855028167/2116c9/maFx4LAOnQs.jpg";
          pc.appendChild(img);
  } 
}  
</script>
<div id='pic_cntr'></div>

рони · #2 (**permalink**) 25.03.2020, 23:51

Toban,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[html run]
... минимальный код страницы с вашей проблемой
[/html]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

рони · #3 (**permalink**) 26.03.2020, 00:05

Toban,

<!DOCTYPE html>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">

</head>
<body>
<input type="Image" src="https://i.ytimg.com/vi/0yXjC-yeNUw/default.jpg" id="buttom">
<script>
window.onload = function ()
{
var img = new Image();
img.src = "https://c7.uihere.com/files/979/107/747/astronaut-outer-space-euclidean-vector-astronaut-thumb.jpg";
var pc = document.getElementById("pic_cntr");
buttom.onclick = function()
{

img.parentNode ? img.remove() : pc.appendChild(img);


}
}
</script>
<div id='pic_cntr'></div>
</body>
</html>

Toban · #4 (**permalink**) 26.03.2020, 00:07

Спасибо большое)

Toban · #5 (**permalink**) 26.03.2020, 00:20

Еще вопрос.
При нажатии на кнопку у вас спрашивают число (к примеру 1 или 2). Если вы ввели 1 то выводит одну картинку, если 2 то другую. При этом если уже картинка существует то заменить её на новую.

Toban · #6 (**permalink**) 26.03.2020, 00:26

Всё. Не надо больше)

Форум

Справочник

Discord чат

Курсы javascript