Создание кнопки при нажатии на другую кнопку.

[Александр121]

как сделать чтобы при нажатие на кнопку посмотреть она вызывает функцию qt создавалась новая кнопка и при нажатие на неё выводилось alert("100"); при нажатие на кнопку закрыть эта кнопка новая исчезает и возвращается начальный фон в котором были две кнопки.

<p style="font: verdana;   position: absolute; left: 10px; top: 400px; height:75px; width:1000px;  ">
  <button onClick ='qt();'>посмотреть</button>
</p>

function qt () { //функция просто добавляет картинку 
  var boss = new Image(); 
  boss.src = "Pictures/л.jpg"; 
  function qr () {
    ctx.drawImage(boss,200,0);
  }
  boss.onload = qr;
}

<p style="font: verdana;   position: absolute; left: 10px; top: 500px; height:75px; width:100px;  ">
  <button onClick ='fon();'>закрыть</button>
</p>

function fon () { //Начальный фон
  ctx.drawImage(bird,0,0); // расположение начального фона 
}

[SQLPowerUser]

Если я правильно понял...

function fon () { //Начальный фон
  ctx.drawImage(bird,0,0); // расположение начального фона 
  this.style.display = 'none';
}

[Александр121]

нужно при нажатие на одну кнопку создавалась другая кнопка

[SQLPowerUser]

<button id="cmd1" onclick="qt()">Первая кнопка</button>

<script>
function qt() {
	btn2 = document.createElement('BUTTON');
	btn2.textContent = 'Вторая кнопка';
	btn2.onclick = function() {
		alert(100);
		this.parentElement.removeChild(this);
	}
	document.body.appendChild(btn2);
} // qt()
</script>

[Александр121]

спасибо,а как можно указать расположение этой кнопки? допустим там длина ширина цвет итд

[SQLPowerUser]

Как обычно, через стили CSS, типа такого:

#cmd1 {
  position: absolute;
  top: 50px;
  left:100px;
  height: 30px;
  width: 120px;
  background: #4169E1;
  color: #fff;
}

з.ы. почитайте материалы по CSS, например,
https://htmlacademy.ru/courses/4/run/2
https://learn.javascript.ru/css-for-js

я не знаю, когда появлюсь на форуме...

[Александр121]

всё разобрался спасибо)))