Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
students
online-quiz-react
Commits
1e107914
Commit
1e107914
authored
Aug 05, 2020
by
김민수
Browse files
No commit message
No commit message
parent
deec65de
Changes
3
Hide whitespace changes
Inline
Side-by-side
src/Home.js
View file @
1e107914
import
bg
from
'
./img_study.jpg
'
import
React
,
{
useState
}
from
'
react
'
import
{
Redirect
}
from
'
react-router-dom
'
;
import
'
./Home.css
'
import
bg
from
'
./img_study.jpg
'
function
Home
()
{
...
...
src/Quiz.css
View file @
1e107914
...
...
@@ -19,6 +19,33 @@
}
.Quiz-Main
{
font-size
:
'80px'
;
margin-bottom
:
'100px'
;
text-align
:
"center"
;
background-color
:
'yellow'
;
}
.Quiz-figth
{
position
:
"absolute"
;
left
:
"1050px"
;
top
:
'200px'
;
}
.Quiz-logo
{
margin-left
:
"450px"
;
}
.Quiz-answer
{
font-size
:
"75px"
;
margin-left
:
"30px"
;
}
.answer
{
margin-left
:
"475px"
;
width
:
"25px"
;
height
:
"25px"
;
}
/* .Name {} */
.Box
{
...
...
src/Quiz.js
View file @
1e107914
...
...
@@ -36,17 +36,17 @@ function Quiz() {
}
return
(
<>
<
div
style
=
{{
fontSize
:
'
80px
'
,
marginBottom
:
'
100px
'
,
textAlign
:
"
center
"
,
backgroundColor
:
'
yellow
'
}}
>
미적분학
퀴즈
<
/div
>
<
img
src
=
{
fight
}
style
=
{{
position
:
"
absolute
"
,
left
:
"
1050px
"
,
top
:
'
200px
'
}}
alt
=
"
lion
"
/>
<
div
className
=
"
Quiz-Main
"
>
미적분학
퀴즈
<
/div
>
<
img
src
=
{
fight
}
className
=
"
Quiz-fitgh
"
alt
=
"
lion
"
/>
<
div
className
=
"
Quiz
"
>
<
h1
><
img
src
=
{
logo
}
style
=
{{
marginLeft
:
"
450px
"
}}
width
=
'
75
'
height
=
'
75
'
alt
=
'
question
'
/>
<
span
style
=
{{
fontSize
:
"
75px
"
,
marginLeft
:
"
30px
"
}}
>
{
question
.
Q
}
<
/span></
h1
>
<
h1
><
img
src
=
{
logo
}
className
=
"
Quiz-logo
"
width
=
'
75
'
height
=
'
75
'
alt
=
'
question
'
/>
<
span
className
=
"
Quiz-answer
"
>
{
question
.
Q
}
<
/span></
h1
>
{
/* <div style={{ marginTop: "30px", marginBottom: "30px", marginLeft:'450px', fontSize:'40px' }}>정답을 선택하세요</div> */
}
<
div
>
<
form
>
{
question
.
Choose
.
map
((
a
,
index
)
=>
<
div
key
=
{
index
}
>
<
input
type
=
"
radio
"
n
ame
=
'
answer
'
id
=
{
index
}
value
=
{
a
}
onClick
=
{
handleChange
}
style
=
{{
marginLeft
:
"
475px
"
,
width
:
"
25px
"
,
height
:
"
25px
"
}}
/
>
<
input
type
=
"
radio
"
classN
ame
=
'
answer
'
id
=
{
index
}
value
=
{
a
}
onClick
=
{
handleChange
}
/
>
<
label
htmlFor
=
{
a
}
style
=
{{
fontSize
:
"
40px
"
,
marginLeft
:
"
22px
"
}}
>
{
a
}
<
/label
>
<
/div
>
)}
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment