pwa-install-promt.js

button.html

<div class="prompt">
  <p>Install the app in your device</p>
  <button type="button" class="prompt__install">Yes Please</button>
  <button type="button" class="prompt__close">No Thanks</button>
</div>
<style>
  .prompt {
  display: none;
}
</style>

pwa-install-promt.js

const prompt = document.querySelector('.prompt');
const installButton = prompt.querySelector('.prompt__install');
const closeButton = prompt.querySelector('.prompt__close');
let installEvent;

function getVisited() {
  return localStorage.getItem('install-prompt');
}

function setVisited() {
  localStorage.setItem('install-prompt', true);
}

window.addEventListener('beforeinstallprompt', (event) => {
  event.preventDefault();

  if (!getVisited()) {
    prompt.style.display = 'block';
    installEvent = event;
  }
})

installButton.addEventListener('click', () => {
  prompt.style.display = 'none';
  installEvent.prompt();

  installEvent.userChoice.then((choice) => {
    if (choice.outcome !== 'accepted') {
      setVisited();
    }

    installEvent = null;
  });
});