javascript – Implementação da Resposta no TextArea do HTML


Preciso que meus valores que inserir no formulário, nome, e gêneros de filmes escolhidos, sejam mostrados dentro do “textarea”, mas não sei como, preciso fazer em html e javascript.

<!DOCTYPE html>
<html>
<head>
    <title>Exercicio 2</title>
    <meta charset="utf-8">
</head>
<body>
    <form id="ExForm2" name="Formulario 2" method="POST" action="">
        <label>Informe o Nome:</label>
        <input name="nome" type="text" id="nomeID" placeholder= "Insira o nome da pessoa" required><br><br>
        <label>Gêneros de filmes do seu gosto:</label><br>
        <input name="generof" type="checkbox" id="ID1" value="Um">  Ação<br>
        <input name="generof" type="checkbox" id="ID2" value="Dois">  Aventura<br>
        <input name="generof" type="checkbox" id="ID3" value="Três">  Comédia<br>
        <input name="generof" type="checkbox" id="ID4" value="Quatro">  Terror<br>
        <input name="generof" type="checkbox" id="ID5" value="Cinco">  Ficção científica<br>
        <input name="generof" type="checkbox" id="ID6" value="Seis">  Romance<br>
        <input name="generof" type="checkbox" id="ID7" value="Seis">  Suspense<br><br>
        <input name="botao" type="submit" id="botaoID" value="Enviar">
</form>

    <textarea id="mostrar" name="mostrar" cols="30" rows="7" readonly>
    </textarea>

</body>
</html>