Mostrar botão me ligue após enviar formulário

Usando JS puro, apenas altera a classe CSS para ocultar o formulário e mostrar o botão me ligue.

by Gustavo Carvalho

HTML

<form id="form">
  <label>Nome: <input type="text"></label>
  <br><br>
  <label>Email: <input type="email"></label>
  <br><br>
  <button type="submit">Enviar</button>
</form>
<a id="me-ligue" class="hide" href="tel:+551112345678"><button>Me ligue agora</button></a>

CSS

.hide {
  display: none;
}

.show {
  display: block;
}

JavaScript

const form = document.getElementById('form');
const button = document.getElementById('me-ligue');

function showButtonOnSubmit(event) {
  form.className = "hide";
  button.className = "show";
  event.preventDefault();
}

form.addEventListener('submit', showButtonOnSubmit);