Commit bf018d09 authored by Jiwon Yoon's avatar Jiwon Yoon
Browse files

push

parent e4916d4b
.Main {
background: orange;
display: inline-block;
border: 3px solid black;
width: 200px;
text-align: center;
}
/* .Name {} */
.Box {
text-align: center;
margin: 0 auto;
}
.QuizStart {
margin: 30px;
margin-left: 500px;
width: 150px;
height: 30px;
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
\ No newline at end of file
import React from 'react'; import React from 'react';
// import logo from './logo.svg'; // import logo from './logo.svg';
// import './App.css'; import './Quiz.css';
const question = [ const question = [
...@@ -40,7 +40,7 @@ class Quiz extends React.Component { ...@@ -40,7 +40,7 @@ class Quiz extends React.Component {
} }
else { else {
return ( return (
<div className="quiz"> <div className="Quiz">
<h2>Q:{this.state.Q}</h2> <h2>Q:{this.state.Q}</h2>
<div> <div>
<input type="text" value={this.state.v} name="A" onChange={this.setAnswer} /> <input type="text" value={this.state.v} name="A" onChange={this.setAnswer} />
...@@ -52,16 +52,16 @@ class Quiz extends React.Component { ...@@ -52,16 +52,16 @@ class Quiz extends React.Component {
} }
else { else {
return ( return (
<> <div className="Box">
<div className="App"> <div className="Main">
<h1 style={{ background: "orange", display: "inline-block", border: "3px solid black", width: "200px" }}> Calculus</h1> <h1> Calculus</h1>
</div> </div>
<div className="App"> <div className="Name">
이름을 입력하세요 이름을 입력하세요
<input onChange={(event) => { console.log(event.target.value) }} /> <input onChange={(event) => { console.log(event.target.value) }} />
</div> </div>
<button onClick={this.ShowQuiz1} style={{ margin: "30px", marginLeft: "690px", width: "150px", height: "30px", fontFamily: "impact" }}>Quiz Start !</button> <button className="QuizStart" onClick={this.ShowQuiz1}>Quiz Start !</button>
</> </div>
) )
} }
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment