Continue to next experiment when the previous is done

Online experiments
1

URL of experiment:

Description of the problem:
I want to have participants to do two experiments one after another, so I edited index.html file like below. But after stroopA is done, stroop B doesn’t appear. that I was wondering if anyone has any advice?

<!doctype html>
<html>

<head>
    <title>Stroop Experiment[PsychoPy]</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="user-scalable=no">

    <!-- styles -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css">
    <link rel="stylesheet" href="https://lib.pavlovia.org/psychojs-2020.1.css">
</head>

<body>
    <div id="root"></div>

     <!-- external libraries -->
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/seedrandom/3.0.1/seedrandom.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/4.8.7/pixi.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/PreloadJS/1.0.1/preloadjs.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.14.2/xlsx.full.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/log4javascript/1.4.9/log4javascript.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/tone/13.8.6/Tone.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/howler/2.1.2/howler.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pako/1.0.10/pako.min.js"></script>

    <!-- experiment -->
    <script type='module' src='./stroopA.js'></script>
    <script type='module' src='./stroopB.js'></script>

    <!-- legacy browsers -->
    <script nomodule type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.6.0/polyfill.min.js"></script>
    <script nomodule type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/url-search-params/1.1.0/url-search-params.js"></script>
    <script nomodule type="text/javascript" src="https://lib.pavlovia.org/psychojs-2020.1.js"></script>
    <script nomodule type="text/javascript" src="./stroopA-legacy-browsers.js"></script>
<script nomodule type="text/javascript" src="./stroopB-legacy-browsers.js"></script>
</body>

</html>
2

PsychoPy experiments have a setting for where to go on completion. It’s really important you use that setting instead of simply redirecting because that handles the correct saving of your data as well

3

Thanks for the reply Jon. I will just combine two different experiments in one just like you said.