Repetição

Galera, boa noite!

Estou conhecendo agora Js, e to com um pouco de dúvida !

O meu código é um cadastro simples. Que depois de preenchido ele envia os meus dados para o footer, ficando "salvo".

Eu não estou conseguindo limpar o que foi digitado quando o clico no botão "save", e como faço para escrever novamente e enviar os dados para baixo do que já está "salvo" ??

Agradeço desde já a ajuda!!

function myFunction(){

 var form = document.getElementById('form-horizontal');
 var name = document.getElementById('name');
 var idade = document.getElementById('idade');
 var email = document.getElementById('email');

 form.addEventListener('submit', function(e){

 document.getElementById('nome').innerHTML = name.value;
 document.getElementById('anos').innerHTML = idade.value;
 document.getElementById('e-mail').innerHTML = email.value;
 document.getElementById("resultado").style.visibility = "visible";

 e.preventDefault();

 });

}