javascript - poenostavitev funkcije

.html
<script>
function myfunction(e){
console.log(e.target.innerHTML);
}
</script>
<button id="1" class="showTextButton"> dsadsa</button>
<button id="2" class="showTextButton"> dsadsa</button>
<button id="3" class="showTextButton"> dsadsa</button>
<button id="4" onclick="myfunction(event)"> dsadsa</button>
<button id="5" onclick="myfunction(event)"> dsadsa</button>
<button id="6" onclick="myfunction(event)"> dsadsa</button>

--------
.js
var buttons = document.getElementsByClassName("showTextButton");
for (var i = 0; i < buttons.length; i++) {
    buttons[i].addEventListener("click", function(e) {
    console.log(e.target.innerHTML);
 	 });
}