{{ block title }}
次の各文章を読んで、それが自分に当てはまる程度を考えて下さい。そして、最もあてはまるものを１つだけ選択してください。
{{ endblock }}
{{ block content }}
    <div id = 'shuffle' >
        <div>{{ formfield player.item4A}}</div>

        <div>{{ formfield player.item4B}}</div>

        <div>{{ formfield player.item4C}}</div>

        <div>{{ formfield player.item4D}}</div>

        <div>{{ formfield player.item4E}}</div>

        <div>{{ formfield player.item4F}}</div>

        <div>{{ formfield player.item4G}}</div>

    </div>
    


    <h2>次の各文章を読んで、それが自分に当てはまる程度を考えて下さい。そして、最もあてはまるものを１つだけ選択してください。</h2>


    <div id = 'shuffle1'>
        <div>{{ formfield player.item5A}}</div>

        <div>{{ formfield player.item5B}}</div>

        <div>{{ formfield player.item5C}}</div>
    </div>

  
   
    {{ next_button }}
    <style>
        #shuffle {
            max-width: 360px;
        }
    </style>
    <script>
        $(function () {
        var parent = $("#shuffle");
        var divs = parent.children();
        while (divs.length) {
            parent.append(divs.splice(Math.floor(Math.random() * divs.length), 1)[0]);
        }
    });
    </script>
    <style>
        #shuffle1 {
            max-width: 360px;
        }
    </style>
    <script>
        $(function () {
        var parent = $("#shuffle1");
        var divs = parent.children();
        while (divs.length) {
            parent.append(divs.splice(Math.floor(Math.random() * divs.length), 1)[0]);
        }
    });
    </script>
{{ endblock }}