홈 › Components › Multiple Choice and Checkboxes › 화면 20

화면 20. Choice.resetOnChange [sink]

원본: Computation Layer 문서(Multiple Choice and Checkboxes) · Try It (원본 화면)

화면 번호	20 / 21
문서 항목 설명 (원문)	Specify a string value. If that value changes, the component resets.

1. 화면 캡처 (빨간 번호 = 아래 표의 번호)

화면 아래쪽(스크롤한 모습, 3번 btn 구성요소):

화면에 적힌 영어 문구(원문):

Composite or prime? Make your choice!
Composite Prime
Submit

2. CL이 입력된 곳

코드 안의 회색 줄은 원문 영어 주석이고, 파란 줄은 그 영어 주석의 번역이며, 연분홍 줄은 코드가 하는 일의 설명이다.

번호 이름 종류 CL 코드 원문, 번역, 설명

번호	이름	종류	CL 코드 원문, 번역, 설명
1	graph	그래프	# Creates a list out of the selection history captured by the button. ▷ 버튼이 기록한 선택 이력으로 배열(List)을 만든다. numberList(`C_{orrectCap}`): btn.history("selected") ▶ 그래프의 숫자배열(numberList) `C_{orrectCap}`는 행동 버튼 btn이 기록한 변수 "selected"의 이력(`btn.history("selected")`)으로 한다. `numberList(…)`는 그래핑 계산기의 변수를 주어진 숫자배열의 내용으로 정하고, `btn.history("selected")`는 행동 버튼 btn이 `capture`로 기록한 변수 "selected"의 이력을 가져온다. 변수 이름은 백틱으로 감싸 적었으며, 백틱으로 감싼 글자는 latex 값이다. # Creates a number in the graph equal to the number of times the button has been pressed. ▷ 버튼을 누른 횟수와 같은 숫자를 그래프에 만든다. number(`c_{ount}`): btn.pressCount ▶ 그래프의 변수 `c_{ount}`는 행동 버튼 btn을 누른 횟수(`btn.pressCount`)로 한다. `btn.pressCount`는 행동 버튼 btn을 누른 횟수를 알려 준다. 변수 이름은 백틱으로 감싸 적었다.
2	choice	객관식 문제	# Resets the selected choice each time the button is pressed. ▷ 버튼을 누를 때마다 선택한 보기를 초기화한다. resetOnChange: "${btn.pressCount}" ▶ 변경 시 자동 재설정(resetOnChange)은 btn을 누른 횟수를 글자로 만든 `"${btn.pressCount}"`로 한다. `resetOnChange`는 글자 값을 받고, 그 값이 바뀌면 구성요소가 초기화된다. `${ }`는 글자 안에 변수의 값을 끼워 넣는 표기이다. btn을 누를 때마다 값이 바뀌어 이 객관식이 초기화된다.
3	btn	행동 버튼	# Disables the button until a choice is made. ▷ 보기를 하나 고를 때까지 버튼을 비활성화한다. disabled: not(choice.isSelected(1) or choice.isSelected(2)) ▶ 버튼의 비활성화 조건(disabled)은 choice의 1번과 2번 보기 중 어느 것도 선택되지 않았다면(`not(choice.isSelected(1) or choice.isSelected(2))`) 참으로 한다. `or`는 둘 중 하나라도 참이면 참이고, `not(…)`은 참/거짓을 뒤집는다. `disabled`는 참이면 버튼을 회색으로 만들어 누를 수 없게 한다. #Captures and stores in a list the correctness value of each attempt. ▷ 시도할 때마다의 정답 여부 값을 배열에 저장한다. capture("selected"): when (choice.isSelected(1) and graph.number(`t_{ype}`) = 1) or (choice.isSelected(2) and graph.number(`t_{ype}`) = 2) 1 otherwise 0 ▶ 기록할 값(`capture("selected")`)은 choice의 1번 보기가 선택되었고 그래프 graph의 변수 `t_{ype}`의 값이 1이거나, choice의 2번 보기가 선택되었고 `t_{ype}`의 값이 2이면 1, 그 밖에는 0으로 한다. `capture("selected")`는 버튼을 누를 때마다 변수 "selected"의 값을 기록하고, 기록은 `history`로 다시 읽는다. `graph.number(…)`는 그래프 안의 변수 값을 읽어 온다. 변수 이름은 백틱으로 감싸 적었다. `and`는 두 조건이 모두 참일 때 참이고, `or`는 둘 중 하나라도 참이면 참이며, `when`은 조건을 차례로 확인해 처음 맞는 값을 쓴다.

graph

그래프

# Creates a list out of the selection history captured by the button.
▷ 버튼이 기록한 선택 이력으로 배열(List)을 만든다.
numberList(`C_{orrectCap}`): btn.history("selected") 
▶ 그래프의 숫자배열(numberList) `C_{orrectCap}`는 행동 버튼 btn이 기록한 변수 "selected"의 이력(btn.history("selected"))으로 한다.
numberList(…)는 그래핑 계산기의 변수를 주어진 숫자배열의 내용으로 정하고, btn.history("selected")는 행동 버튼 btn이 capture로 기록한 변수 "selected"의 이력을 가져온다. 변수 이름은 백틱으로 감싸 적었으며, 백틱으로 감싼 글자는 latex 값이다.

# Creates a number in the graph equal to the number of times the button has been pressed.
▷ 버튼을 누른 횟수와 같은 숫자를 그래프에 만든다.
number(`c_{ount}`): btn.pressCount 
▶ 그래프의 변수 `c_{ount}`는 행동 버튼 btn을 누른 횟수(btn.pressCount)로 한다.
btn.pressCount는 행동 버튼 btn을 누른 횟수를 알려 준다. 변수 이름은 백틱으로 감싸 적었다.

choice

객관식 문제

# Resets the selected choice each time the button is pressed.
▷ 버튼을 누를 때마다 선택한 보기를 초기화한다.
resetOnChange: "${btn.pressCount}"
▶ 변경 시 자동 재설정(resetOnChange)은 btn을 누른 횟수를 글자로 만든 "${btn.pressCount}"로 한다.
resetOnChange는 글자 값을 받고, 그 값이 바뀌면 구성요소가 초기화된다. ${ }는 글자 안에 변수의 값을 끼워 넣는 표기이다. btn을 누를 때마다 값이 바뀌어 이 객관식이 초기화된다.

btn

행동 버튼

# Disables the button until a choice is made.
▷ 보기를 하나 고를 때까지 버튼을 비활성화한다.
disabled: not(choice.isSelected(1) or choice.isSelected(2))
▶ 버튼의 비활성화 조건(disabled)은 choice의 1번과 2번 보기 중 어느 것도 선택되지 않았다면(not(choice.isSelected(1) or choice.isSelected(2))) 참으로 한다.
or는 둘 중 하나라도 참이면 참이고, not(…)은 참/거짓을 뒤집는다. disabled는 참이면 버튼을 회색으로 만들어 누를 수 없게 한다.

#Captures and stores in a list the correctness value of each attempt.
▷ 시도할 때마다의 정답 여부 값을 배열에 저장한다.
capture("selected"): 
  when (choice.isSelected(1) and graph.number(`t_{ype}`) = 1) or (choice.isSelected(2) and graph.number(`t_{ype}`) = 2) 1 
  otherwise 0 
▶ 기록할 값(capture("selected"))은 choice의 1번 보기가 선택되었고 그래프 graph의 변수 `t_{ype}`의 값이 1이거나, choice의 2번 보기가 선택되었고 `t_{ype}`의 값이 2이면 1, 그 밖에는 0으로 한다.
capture("selected")는 버튼을 누를 때마다 변수 "selected"의 값을 기록하고, 기록은 history로 다시 읽는다. graph.number(…)는 그래프 안의 변수 값을 읽어 온다. 변수 이름은 백틱으로 감싸 적었다. and는 두 조건이 모두 참일 때 참이고, or는 둘 중 하나라도 참이면 참이며, when은 조건을 차례로 확인해 처음 맞는 값을 쓴다.