DropDown element

@newDropDown("language" , "First language")
$    .add( "English" , "French" , "Tagalog" )
@    .print()

• Creates a drop-down list with default text First language and adds three options to it: English, French and Tagalog, then prints the list onto the page.

@newText("The weather is")
@    .after( newDropDown("temp","...").add("cold","warm","hot") )
@    .after( newText("implicature", "implies that the weather is ...") )
@    .print()
@,
@getDropDown("temp")
@$   .callback(
$        getDropDown("temp")
$            .test.selected("warm").success( 
$                getText("implicature").text("implicates that the weather is not hot") 
$            )
$            .test.selected("hot").success( 
$                getText("implicature").text("implies that the weather is not cold") 
$            )
$            .test.selected("cold").success( 
$                getText("implicature").text("implies that the weather is not even warm") 
$            )
@    )

• Prints The weather is … implies that the weather is … onto the page, where the first occurrence of … is a drop-down list containing the options cold, warm and hot. Upon selection of the option, the continuation will be modified accordingly to the selected option.

@newDropDown("language" , "First language")
@    .add( "English" , "French" , "Tagalog" )
@    .print()
@    .log()

• Adds a line for the value selected from the dropdown at the end of the trial.

@newText("I saw Erika talk to Nate.")
$    .after( newDropDown("").add("He","She").once() )
@    .after( newText("seemed anxious.") )
@    .print()

• Prints I saw Erika talk to Nate. _ seemed nervous* onto the page, where *_ is a drop-down list containing the options He and She. The command .once makes the selection of He or She definitive.

@newDropDown("value" , "Truth value")
@    .add( "True" , "False" )
@    .print()
@,
@newScale("logic",  "Binary","Three-valued")
@    .default("Binary")
@    .before( newText("Logic: ") )
@    .labelsPosition("right")
@    .callback(
@        getScale("logic")
@            .test.selected("Three-valued")
@            .success( 
@                getDropDown("value")
@                    .add("Other") 
@            )
@            .failure( 
@                getDropDown("value")
$                    .remove("Other") 
@            )
@    )
@    .print()

• Creates a drop-down list with two options, True and False, and prints it onto the page. Then creates a Scale element with two options, Binary and Three-value, the former being selected by default, preceded with the text Logic:. Whenever a value gets selected on the Scale, a test checks whether the selected value corresponds to Three-valued and, if so, it adds the option Other to the drop-down list, or removes it from the list otherwise.

@newDropDown("warmth", "")
@    .add("hot", "lukewarm", "cold")
$    .select( "lukewarm" )
@,
@newText("Spring in Colorado is ")
@    .after( getDropDown("warmth") )
@    .print()

• Creates a drop-down list containing the options hot, lukewarm and cold, selects the option lukewarm and adds the list to the right of the text Spring in Colorado is, then prints everything onto the page.

@newDropDown("warmth", "")
@    .add("hot", "lukewarm", "cold")
$    .shuffle()
@,
@newText("Spring in Colorado is ")
@    .after( getDropDown("warmth") )
@    .print()
@,
@getDropDown("warmth")
@    .wait()

• Creates a drop-down list containing the options hot, lukewarm and cold, shuffles them, adds the drop-down list to the right of the text Spring in Colorado is and prints everything onto the page, then waits until an option is selected from the drop-down list before proceeding.

@newText("I want ")
@    .after( newDropDown("what", "").add("candy","to break free") )
@    .print()
@,
@newTimer("read", 2000)
@    .start()
@    .wait()
@,
@getDropDown("what")
@    .wait("first")

• Prints the text I want and, to its right, a drop-down list containing candy and to break free onto the page, then waits 2s and waits until an option is selected before proceeding. Since wait was called with the argument "first", execution will immediately proceed at the end of the 2s timer if an option was selected in the meantime, or it will wait for a selection to happen is no option has been selected at the end of the 2s timer.

@newDropDown("adjective", "")
@    .add( "hot"  , "lukewarm" , "cold" )
@    .shuffle()
@    .print()
@    .wait()
@,
@getDropDown("adjective")
$    .test.selected( 1 )
$    .success(
$        newText("You selected the middle option (index-based).")
$            .print()
$    )
$    .failure(
$        getDropDown("adjective")
$            .test.selected( "lukewarm" )
$            .success(
$                newText("You selected the middle option (scale-based)")
$                    .print()
$            )
$    )

• Creates a drop-down list with three options, hot, lukewarm and cold, shuffles the options, prints the list and waits until an option is selected before proceeding. After an option is selected, tests whether the option at index 1 was selected and, if so, will print You selected the middle option (index-based), otherwise will test whether the option lukewarm was selected and, if so, will print You selected the middle option (scale-based).