Estoy escribiendo un script que inserta el siguiente html en la página

 function showBut(){ if ($('div.content-title > h4').size() > 0 && $('#calculate').size() < 1){ const button = `<button id="calculate" style="cursor: pointer;">Calculate</button> <button id="finalAmount" style="cursor: pointer;font-size: 14px;"></button> <button id="linkPaste" style="cursor: pointer;font-size: 14px;"></button>`; $('div.content-title > h4').append(button); //alert("done"); $('#calculate').click(getPrice); $( "#finalAmount" ).click(function() { navigator.clipboard.writeText($("#finalAmount").text()); }); $( "#linkPaste" ).click(function() { navigator.clipboard.writeText($("#linkPaste").text()); }); } } window.addEventListener("load", function(){ // .... 'use strict'; showBut(); });

El html insertado se muestra por un breve momento y desaparece. Si sigo recargando, a veces se queda, pero la mayoría de las veces desaparece.

¿Cómo puedo arreglar esto?