Changer le contenu d'un paragraphe avec un input

Bonjour,

je souhaite changer le contenu d'un paragraphe par le mot que l'utilisateur écrit dans une balise input
voici mon code:

        <nav class="boite">
            <a class="boite-img" ><img id="box" src="../images/box/boxm.png" alt="boite" > </a>
            <p class="contenu-boite" id="contenu-boite"> Allemand</p> 
        </nav>
<p class="nombox" id="nombox_"> Donnez un nouveau nom à votre boite: <input id="texte-box" size="8" maxlength="8" onchange="nombox()" /></p>
<script>
function nombox(){
    nombox_.style.display = "none";
    parametre.style.display = "block";
    var texte_box = document.getElementById("texte-box");
    document.getElementById("contenu-boite").innerHTML = texte_box;
}
</script>

Ce code écrit [object HTMLInputElement] au lieu du contenu qui est dans texte_box
mais le input disparait bien et le parametre apparaissent également comme voulu.
Auriez-vous des solutions à apporter?
Merci d'avance.