Javascript OnClick Button fonction not working : I'm trying to edit some code in order to execute a function once someone press on a button. For example, https://jsfiddle.net/h0eks0vq/12/



## the javascript ##


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

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


        /* Get the button, and when the user clicks on it, execute myFunction */
    document.getElementById("buttons-services").onclick = function() {myFunction()};

    /* myFunction toggles between adding and removing the show class, which is used to hide and show the dropdown content */
    function myFunction() {
        document.getElementById("myDropdown").classList.toggle("show");
        
      
        
        
    }


<!-- end snippet -->



    ## My HTML (here's one button out of 4) ##


 

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

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

       <div id="buttons-services">
    <button onclick="myFunction()" id="myButton10" title="Cliquez pour une description du service offert" >Assemblage</button>
    <div id="myDropdown" class="dropdown-content">
    <p id="demo">

<!-- end snippet -->


The problem that i'm having is that the text showed when the function is executed is always the same despite having some different text for the different buttons. Hopefully someone with more experience can point me in the right direction.