똑같이 입력했는데 화면에 아무것도 뜨지 않아요.. 제가 어떤 부분을 실수 했을까요?? ㅠㅠ

Question

< html lang = "en" > < head > < meta charset = "UTF-8" > < meta http-equiv = "X-UA-Compatible" content = "IE=edge" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < title > 구구단 < script src = "https://unpkg.com/react@17/umd/react.development.js" crossorigin > < script src = "https://unpkg.com/react-dom@17/umd/react-dom.development.js" crossorigin > < script src = "https://unpkg.com/babel-standalone@6/babel.min.js" > < body > < div id = "root" > < script type = "text/babel" > class GuGuDan extends React . component { constructor ( props ) { super ( props ); this . state = { first: Math . ceil ( Math . random () * 9 ), second: Math . ceil ( Math . random () * 9 ), value: '' , result: '' , }; } render () { return ( < div > < div > {this . state . first } 곱하기 {this . state . second } 는? < form onSubmit = { ( e ) => { e . preventDefault (); if ( parseInt ( value )=== this . state . first * this . state . second ) { this . setState ({ result: "정답" , first: Math . ceil ( Math . random ()* 9 ), second: Math . ceil ( Math . random ()* 9 ), value: '' , }); } else { this . setState ({ result: '땡' , value: '' , }); } } } > < input type = "number" value = {this . state . value } onChang = { ( e ) => this . setState ({ value: e . target . value }) } /> < button > 입력! < div > {this . state . result } ); } } < script type = "text/babel" > ReactDOM . render ( < GuGuDan /> , document . querySelector ( '#root' ));

제로초(조현영) · Answer

개발자도구 열어서 새로고침한 뒤 에러메시지 한 번 보여주세요.