从父文档

Question

我有一个基于javascript的游戏，其工作原理如下：

父文档有一个计时器和分数显示（一个名为＆＃34; total＆＃34;的div）和iframe。在iframe中显示一个页面 - 用户必须根据音频提示单击正确的图形。当点击正确时 - 分数增加1，下一页加载iframe。

三分钟后，游戏结束并在iframe中加载完成页面。在这个页面上是一个按钮（称为＆＃34;播放按钮＆＃34;），当点击它时，需要从父文档的分数显示div获得分数并播放相应的音频文件。例如 - 如果用户的分数是15，那么点击该按钮将会发挥＆＃34;出色的工作 - 你得到15分＆＃34;音频文件...等。

我的问题：如何正确编写一个从父文档中获取得分显示div内容的函数，并播放该文件？

页面按指定顺序加载，每个页面都有相应更改分数的代码。例如，这是第20页的代码：

<script type="text/javascript">
    $(document).ready(function() {
        $(function() {
            $('#n').on('click', function() {
                event.preventDefault();
                var number = parseInt($('#total').text());
                number += 20;
                parent.top.$('#total').text(number);
                $('#total').text(number);
            });
        });
    });
</script>

我在想这个以及if / statement是否需要合并 - 就像这样：

<script type="text/javascript">
    $(function() {
        $('#playbutton').on('click', function() {
            parent.document.getElementById('total').number;
            if (number==20) audio.play();  
        });
    });
    var audio = new Audio('twenty_points.mp3');
</script>

非常感谢任何帮助。