Javascript jQuery移动和按钮事件和变量存储

我是移动开发新手，在miamicoder.com上的教程中使用jQuery-mobile做了一些工作。我现在面临的挑战是，我在一个页面上有两个按钮，我想知道用户点击或触摸或单击的按钮，并将值存储在外部.js文件中，以便我可以使用它在适当的时间加载相应的页面。在验证scratchcard pin是否应该基于点击、触摸或单击的按钮加载页面后，这两个按钮正在调用同一页面和该页面scratchcard.html

我将非常高兴，如果我能得到样本代码和解释，因为它是如何做到的。以下是html5 jQuery移动代码：

<div role="main" class="ui-content mc-text-center"><!-- start of main content -->
    <h3 class="mc-text-center">Where Do You Want To Go Today?</h3>
    <img src="images/mantakingexams.png" alt="Man Taking Exams" />
    <p class="mc-top-margin-1-5"><b>Are you a JHS Student?</b></p>
    <a href="scratchcard.html" data-role="button" data-theme="a" id="beceButton">BECE</a>
    <p class="mc-top-margin-1-5"><b>Are you a SHS Student?</b></p>
    <a href="scratchcard.html" data-role="button" data-theme="a" id="wasceButton">WASCE</a>
</div><!-- end of main content -->

你今天想去哪里？
你是JHS的学生吗
你是SHS的学生吗

加载scratchcard.html后，是否要根据单击的按钮加载另一个页面？或者您想根据单击的按钮将元素添加到scratchcard.html？Omar正是如此。按钮所在的当前页面称为examtype.html。现在，如果您选择了类型，我想验证您是否有pin，可以使用scratcard.html进行检查。如果pin码正确，则会根据前面examtype.html页面上选择的按钮（BECE或WASCE）向您显示考试列表。谢谢。因此，您将从examtype导航到scratchcard，再返回examtype.Omar，从examtype导航到scratchcard，从scratchcard导航到beceexamlist或WasceCExamList，具体取决于在examtype上点击或触摸的按钮。在examtype中，如果用户点击BECE按钮，则必须从scratchcard将用户转到beceexamlist。如果用户在examtype点击WASCE按钮，则必须从scratchcard将用户带到wasceexamlist。非常感谢。