How to call functions with the onclick event? - Javascript

If I understood correctly, the way you did it is correct.

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

Inside the onclick you add the name of your function to execute, obviously you will have to link your javascript file to the html by:

<script src="nombre-de-tu-archivo.js"></script>

Or have written your code js as you did.

To know that your code function is correct and your function is called you can use the browser's JS console and the associated functions. If the code is correct, it will be executed, if there are errors, it indicates it.

Example:

HTML:

<p onclick="test()">Clic aquí</p>

JS:

function test() {
    console.log( "Ejecutando función test()" );
}

Result (in console):

Ejecutando función test()

If you have several functions that you want to associate with the same event, for example a click on a certain element of the page, it is enough to make calls to those functions within one that is called by the event. For example:

HTML:

<p onclick="test()">Clic aquí</p>

JS:

function test() {
    console.log( "Ejecutando función test()" );

    //Llamada a otras funciones:
    rojo();
    verde();
}

function rojo() {
    console.log( "Ejecutando rojo()" );
}
function verde() {
    console.log( "Ejecutando verde()" );
}

Result (in console):

Ejecutando función test()
Ejecutando rojo()
Ejecutando verde()