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

화면 18. Math Input.submitDisabled [sink]

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

화면 번호	18 / 28
문서 항목 설명 (원문)	submitDisabled Disable the submit button. Note: Even if set to false, the input button will be disabled if the input is empty.

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

$화면 18 캡처$

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

You have a total of 3 guesses.

2. CL이 입력된 곳

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

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

번호	이름	종류	CL 코드 원문, 번역, 설명
1	master CL (화면 전체)	SCREEN	subtitle: "How many people are there in the graph display?" ▶ 화면 제목 아래에 표시할 부제목(subtitle)은 "How many people are there in the graph display?"(그래프에 사람이 몇 명 있는가?)로 한다. `subtitle`은 화면 제목 아래 가운데에 부제목을 붙인다.
2	레이블 없는 그래프	그래프	# This code creates the number "t_0" in the graph # and sets it to equal the time that has passed since # the numeric answer has been submitted. ▷ 이 코드는 그래프에 숫자 "t_0"를 만들어, 숫자 답이 제출된 뒤 지난 시간과 같게 정한다. number("t_0"): input.timeSinceSubmit(20) ▶ 그래프의 변수 t_0은 수식 답변 input을 제출한 뒤 지난 시간(`input.timeSinceSubmit(20)`)으로 한다. `number("이름")`은 그래핑 계산기 안의 변수 값을 정한다. `timeSinceSubmit`은 수식 답변을 제출한 뒤 지난 시간(초)을 알려 준다. 학생이 입력칸을 다시 선택하면 0으로 돌아간다. 괄호의 20은 세는 최대 시간이 20초라는 뜻이다. # This code takes the estimate and injects it into # the graph as the variable "N". ▷ 이 코드는 추정값을 가져와 그래프에 변수 "N"으로 끼워 넣는다. number("N"): input.numericValue ▶ 그래프의 변수 N은 학생이 입력한 값을 계산한 값(`input.numericValue`)으로 한다. `numericValue`는 입력한 식을 계산한 값을 가져온다. 예를 들어 "2+2"는 숫자 4를 돌려준다.
3	input	수식 답변	# This code disables the submit button when # the number of guesses reaches 3. ▷ 이 코드는 추측 횟수가 3에 이르면 제출 버튼을 비활성화한다. submitDisabled: this.submitCount >= 3 ▶ 제출 버튼의 비활성화 조건(submitDisabled)은 이 입력이 제출된 횟수가 3 이상인지 비교한 결과(`this.submitCount >= 3`)로 한다. `submitDisabled`가 거짓이어도 입력이 비어 있으면 버튼은 비활성화된다. `submitCount`는 입력이 제출된 횟수를 알려 준다. 세 번 제출하면 더 제출할 수 없다.

master CL
(화면 전체)

SCREEN

subtitle: "How many people are there in the graph display?"
▶ 화면 제목 아래에 표시할 부제목(subtitle)은 "How many people are there in the graph display?"(그래프에 사람이 몇 명 있는가?)로 한다.
subtitle은 화면 제목 아래 가운데에 부제목을 붙인다.

레이블 없는 그래프

그래프

# This code creates the number "t_0" in the graph
# and sets it to equal the time that has passed since 
# the numeric answer has been submitted.
▷ 이 코드는 그래프에 숫자 "t_0"를 만들어, 숫자 답이 제출된 뒤 지난 시간과 같게 정한다.

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

# This code takes the estimate and injects it into
# the graph as the variable "N".
▷ 이 코드는 추정값을 가져와 그래프에 변수 "N"으로 끼워 넣는다.

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

input

수식 답변

# This code disables the submit button when
# the number of guesses reaches 3.
▷ 이 코드는 추측 횟수가 3에 이르면 제출 버튼을 비활성화한다.

submitDisabled: this.submitCount >= 3
▶ 제출 버튼의 비활성화 조건(submitDisabled)은 이 입력이 제출된 횟수가 3 이상인지 비교한 결과(this.submitCount >= 3)로 한다.
submitDisabled가 거짓이어도 입력이 비어 있으면 버튼은 비활성화된다. submitCount는 입력이 제출된 횟수를 알려 준다. 세 번 제출하면 더 제출할 수 없다.