홈 › Components › Math Response (수식 답변) › 화면 26

화면 26. Math Input.resetOnChange [sink]

원본: Computation Layer 문서(Math Response (수식 답변)) · Try It (원본 화면)

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

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

$화면 26 캡처$

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

Move the point to create a rectangle. Calculate the area of your rectangle, then press "submit" to check your response.

2. CL이 입력된 곳

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

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

번호	이름	종류	CL 코드 원문, 번역, 설명
1	graph	그래프	# Creates a slider for animation using the time since the button # has been pressed. ▷ 버튼을 누른 뒤 지난 시간으로 애니메이션용 슬라이더를 만든다. number("t_0"): input.timeSinceSubmit(1) ▶ 그래프의 변수 t_0은 수식 답변 input을 제출한 뒤 지난 시간(`input.timeSinceSubmit(1)`)으로 한다. `number("이름")`은 그래핑 계산기 안의 변수 값을 정한다. `timeSinceSubmit`은 수식 답변을 제출한 뒤 지난 시간(초)을 알려 준다. 학생이 입력칸을 다시 선택하면 0으로 돌아간다. 괄호의 1은 세는 최대 시간이 1초라는 뜻이다. # Takes the student's numeric input and brings it into the graph # by creating the number"a_{rea}" ▷ 학생이 입력한 숫자 값을 가져와 숫자 "a_{rea}"를 만들어 그래프에 넣는다. number("a_{rea}"): input.numericValue ▶ 그래프의 변수 a_{rea}는 학생이 입력한 값을 계산한 값(`input.numericValue`)으로 한다. `numericValue`는 입력한 식을 계산한 값을 가져온다. 예를 들어 "2+2"는 숫자 4를 돌려준다.
2	input	수식 답변	# resetOnChange looks for any change in a string # Here, it resets the button time to 0 when the point is moved. ▷ resetOnChange는 글자의 어떤 변화든 찾아낸다. 여기서는 점을 움직이면 버튼의 시간을 0으로 재설정한다. resetOnChange: "${graph.number("v")}${graph.number("h")}" ▶ 수식 답변의 변경 시 자동 재설정(resetOnChange)은 그래프 graph의 변수 v의 값과 변수 h의 값을 이어 붙인 글자(`"${graph.number("v")}${graph.number("h")}"`)로 한다. `resetOnChange`는 글자 값을 받아 그 값이 바뀌면 구성요소를 재설정한다. `${ }`는 글자 안에 변수의 값을 끼워 넣는 표기이고, 그 안의 "v", "h"는 `number(...)`에 넘기는 이름이다.

graph

그래프

# Creates a slider for animation using the time since the button
# has been pressed.
▷ 버튼을 누른 뒤 지난 시간으로 애니메이션용 슬라이더를 만든다.

number("t_0"): input.timeSinceSubmit(1) 
▶ 그래프의 변수 t_0은 수식 답변 input을 제출한 뒤 지난 시간(input.timeSinceSubmit(1))으로 한다.
number("이름")은 그래핑 계산기 안의 변수 값을 정한다. timeSinceSubmit은 수식 답변을 제출한 뒤 지난 시간(초)을 알려 준다. 학생이 입력칸을 다시 선택하면 0으로 돌아간다. 괄호의 1은 세는 최대 시간이 1초라는 뜻이다.

# Takes the student's numeric input and brings it into the graph
# by creating the number"a_{rea}"
▷ 학생이 입력한 숫자 값을 가져와 숫자 "a_{rea}"를 만들어 그래프에 넣는다.

number("a_{rea}"): input.numericValue
▶ 그래프의 변수 a_{rea}는 학생이 입력한 값을 계산한 값(input.numericValue)으로 한다.
numericValue는 입력한 식을 계산한 값을 가져온다. 예를 들어 "2+2"는 숫자 4를 돌려준다.

input

수식 답변

# resetOnChange looks for any change in a string
# Here, it resets the button time to 0 when the point is moved.
▷ resetOnChange는 글자의 어떤 변화든 찾아낸다. 여기서는 점을 움직이면 버튼의 시간을 0으로 재설정한다.

resetOnChange: "${graph.number("v")}${graph.number("h")}"
▶ 수식 답변의 변경 시 자동 재설정(resetOnChange)은 그래프 graph의 변수 v의 값과 변수 h의 값을 이어 붙인 글자("${graph.number("v")}${graph.number("h")}")로 한다.
resetOnChange는 글자 값을 받아 그 값이 바뀌면 구성요소를 재설정한다. ${ }는 글자 안에 변수의 값을 끼워 넣는 표기이고, 그 안의 "v", "h"는 number(...)에 넘기는 이름이다.