Как в js сделать чтобы при нажатии кнопки из кода html появлялся объект ?

Мой код:

12345678910111213141516171819

 <!DOCTYPE html> 
<html> 
    <head> 
        <title>Page Title</title> 
    </head> 
    <body> 
    <form> 
       <button id="pm"><input name="pn" id="g" value="phone number" type="number"></button> 
        <button type="submit">yes</button> 
        <button type="button" type="submit" value="contact" id="cont">new contact</button> 
        <script> 
            var con = cont 
             
        </script> 
    </form> 
     
    </body> 
     
</html>

По дате

По рейтингу

front_49

Гуру

1г

Добавляем к кнопке в HTML-коде прослушиватель событий, который будет вызывать функцию JavaScript при нажатии кнопки.
В функции JavaScript создайте объект, который вы хотите отображать, и добавьте его в DOM (объектную модель документа)

 <button id="myButton">Кликни на меня</button> 
<div id="objectContainer"></div>

12345678910111213141516

 // Получаем ссылку на кнопку и контейнер, в котором будет находиться объект added 
const button = document.getElementById('myButton'); 
const container = document.getElementById('objectContainer'); 
 
// Добавляем прослушиватель событий клика к кнопке
button.addEventListener('click', function() { 
  // Создайте объект, который вы хотите видеть
  const newObject = document.createElement('div'); 
  newObject.textContent = 'This is a new object'; 
  newObject.style.backgroundColor = 'blue'; 
  newObject.style.color = 'white'; 
  newObject.style.padding = '20px'; 
 
  // Добавляем новый объект в контейнер
  container.appendChild(newObject); 
});