<button id="btn">ダブルクリック！</button>
*{
  text-align:center;
}

#btn{
  margin-top:20px;
}
const btn = document.getElementById('btn');

btn.ondblclick = function(){
  this.insertAdjacentHTML('afterend', '<p>ダブルクリックされました</p>');
};

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.