SelfPacedReading: Word-scrambled [Carver]

A word-scrambled version of Raymond Carver's 'So Much Water So Close To Home'. For details, see Bellana, Mahabal & Honey (2022) Narrative thinking lingers in spontaneous thought

by MemoryandMeaningLab

HTML

<!--TO START DEMO 1) CLICK THE RUN BUTTON 2) MOUSE OVER THE CONS=OLE WINDOW 3) USE ENTER TO BEGIN TASK-->

,<!DOCTYPE html>
<html>
<head>
<style>
  .spr {font-size: 30px;}
  #spr_text {
    text-align: center;
    font-size: 20pt;
    line-height: 1.1em;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
  }

  #question {
    text-align: center;
    font-size: 20pt;
    line-height: 1.1em;
    margin: 0;
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    visibility: hidden;
  }

  .spr_mem_yes {
    background-color:steelblue;
    border: 2px solid black;
    border-radius: 10px;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    margin: 0;
    position: absolute;
    top: 65%;
    left: 45%;
    height: 50px;
    width: 80px;
    transform: translate(-50%, -50%);
    visibility: hidden;
  }

  .spr_mem_no {
    background-color:steelblue;
    border: 2px solid black;
    border-radius: 10px;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    margin: 0;
    position: absolute;
    top: 65%;
    left: 55%;
    height: 50px;
    width: 80px;
    transform: translate(-50%, -50%);
    visibility: hidden;
  }

</style>
</head>
  <div id=question class="spr">Was this word in the previous sentence?</div>
  <div id="spr_text" class="stim-div">
    <p id = "spr_sentence" class = "spr">Sentence</p>
  </div>
<div>
<br>
<br>
</div>
</html>


<script>
var story = {
	"row": [
  {
    "Story": "***",
    "order": "1",
    "num_char": "3",
    "num_words": "1",
    "section": "1",
    "probe_position": "0",
    "probe_stim": "NA",
    "probe_pos": "NA",
    "probe_cr": "NA"
  },
  {
    "Story": "looks his me and mouth good stares",
    "order": "2",
    "num_char": "34",
    "num_words": "7",
   ...

JavaScript

//Press enter to progress through story