<!-- begin snippet: js hide: false console: true babel: false -->


me pueden ayudar juntando el onclick con el javascript?

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    <script>
            function pausaplay(){
      document.getElementById('demo45').play();
      document.getElementById('demo14').pause();
    }
    </script>

<!-- language: lang-html -->

    <input value="Mirar Havana" onclick="if(this.parentNode.getElementsByTagName('div')[0].style.display != ''){this.parentNode.getElementsByTagName('div')[0].style.display = '';this.value = 'Mirar Havana';}else{this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Mirar Rockabye';}" type="button">

<!-- end snippet -->

yo lo he intentado asi:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    <script>
    function pausaplay(){
    if(this.parentNode.getElementsByTagName('div')[0].style.display != ''){this.parentNode.getElementsByTagName('div')[0].style.display = '';this.value = 'Mirar Havana';}else{this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Mirar Rockabye';}
      document.getElementById('demo45').play();
      document.getElementById('demo14').pause();
    }
    </script>

    <input value="Mirar Havana" onclick="pausaplay()" type="button">

<!-- end snippet -->

pero no creo que asi sea, estoy aprendiendo javascript hasta ahora, por eso tengo muchas dudas... gracias por su respeusta