var image1=new Image(); // добавление картинки
image1.src="3/2.jpg"; // расположение начального фона
function q1(){ // начальный фон
ctx.drawImage(image1,0,0); // прогрузка начального фона в координатах 0 0
}
image1.onload=q1; // когда картинки загрузится
//Когда нажимаю на кнопку картинка должна удалятся
btn2=document.createElement( 'BUTTON'); // создание кнопки
btn2.id='cmd2'; // её id
btn2.textContent ='удалить картинку'; // её текст
document.body.appendChild(btn2); // нужно чтобы добавилось
btn2.onclick=function(){ // функция при клике на неё
}
-1
Закрыт по причине того, что непонятна суть вопроса участниками Igor, Air, 0xdb, alexander barakin, Kromster 21 янв в 4:34.
Постарайтесь писать более развёрнутые вопросы. Для получения ответа поясните, в чём именно вы видите проблему, как её воспроизвести, что вы хотите получить в результате и т. д. Приведите пример, наглядно демонстрирующий проблему. Если вопрос можно переформулировать согласно правилам, изложенным в справке, отредактируйте его.
1 ответ
3
Решение вашей задачи:
var src = 'https://www.gravatar.com/avatar/4deff273cbbbb0e3a73938e37697036f?s=32&d=identicon&r=PG&f=1',
id = 'myImage';
function createButtons() {
// First button / Generate image
var buttonGenerate = document.createElement('BUTTON'),
buttonDelete = document.createElement('BUTTON');
buttonGenerate.textContent = 'Add';
buttonDelete.textContent = 'Delete';
var body = document.querySelector('body');
body.appendChild(buttonGenerate);
body.appendChild(buttonDelete);
buttonGenerate.addEventListener('click', createImgElement);
buttonDelete.addEventListener('click', deleteImgElemet);
}
function createImgElement() {
var image = document.createElement("IMG");
image.id = id;
image.src = src;
// image.alt = alt;
document.querySelector('body').appendChild(image);
}
function deleteImgElemet() {
var image = document.getElementById(id);
if (image != undefined) {
image.remove();
} else {
console.log('Image is undefined');
}
}
createButtons();
<body>
<h1>Hello!</h1>
</body>
Только картинка не подгружается, попробуйте вставить код в вашу локальную среду разработки, там должно работать все как часы.
-
Когда нажимаю на кнопку картинка должна удалятся дополнил вопрос – Сергей Александров 19 янв в 20:18
-
Давайте разберемся. Вам нужно добавить кнопку, при которой будет удаляться элемент
img
? Или же вам нужно создать две кнопки, при нажатие на одну кнопкуimg
будет создаваться, а при нажатие на другуюimg
будет удаляться? – Dmitry 19 янв в 20:18 -
две кнопки, при нажатие на одну кнопку img будет создаваться, а при нажатие на другую img будет удаляться.вот так – Сергей Александров 19 янв в 20:19
-
-
1Тогда правь ответ, если понял вопрос автора, а то схлопочешь минусов... Я свой убрал... Но тревогу нет, на случай если не будет ответа, админ удалит ответ – Air 19 янв в 20:31