I am preparing a language deck which contains two buttons for extra information. One of them contains an example sentence and the other the translation of the example sentence.
So, I was wondering if there was any way to assign some shortcut keys for these buttons.
You can find the code of the buttons here:
<div id="buttonsBox">
<button onmouseover="showExs()">Exam</button>
<button onmouseover="showTra()">Trans</button>
</div>
<!------------------------------------------------>
<script>
function showExs() {
document.getElementById("showExs").style.display = "";
document.getElementById("showTra").style.display = "none";
}
function showTra() {
document.getElementById("showExs").style.display = "none";
document.getElementById("showTra").style.display = "";
}
</script>
<div id="showExs" style="display:none">
{{Exs}}
{{Sentence audio}}
</div>
<!------------------------------------------------>
<div id="showTra" style="display:none">
{{Tra}}
Thank you in advance