AdminAddQuiz.js 3.05 KB
Newer Older
Jiwon Yoon's avatar
addQuiz    
Jiwon Yoon committed
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
import React, { useState } from 'react';
// import { Link } from 'react-router-dom';

function Admin() {


    // let QnAadmin = []
    // let Q = []
    // let choose = []
    // let N = []

    const [number, setNumber] = useState('')
    const [question, setQuestion] = useState('')
    const [choose, setChoose] = useState('')
    const [answer, setAnswer] = useState('')
    const [done, setDone] = useState(false)

    const handleChangenumber = (event) => {
        setNumber(event.target.value)
    }
    const handleChangequestion = (event) => {
        setQuestion(event.target.value)
    }
    const handleChangechoose = (event) => {
        setChoose(event.target.value)
    }
    const handleChangeanswer = (event) => {
        setAnswer(event.target.value)
    }

    function handleClick() {

        alert('입력이 완료되었습니다')
        localStorage.setItem('N', number)
        localStorage.setItem('Q', question)
        localStorage.setItem('Choose', choose)
        localStorage.setItem('Answer',answer)
        setDone(true)


    }

    return (
        <>
        {done ? alert('모두 입력되었습니다.') : ''}

            <div>
                <div className="container">
                    <div className="row d-flex justify-content-center">
                        <div className="col-8">

                            <h1 className="p-3 border">관리자 문제제출 </h1>
                            <div className="p-3 border">
                                <h2>문제번호를 입력하세요</h2>
                                <input type="text" onChange={handleChangenumber} placeholder="Number" />

                            </div>
                            <div className="p-3 border">
                                <h2>문제를 입력하세요</h2>
                                <input type="text" onChange={handleChangequestion} placeholder="Question" />

                            </div>
                            <div className="p-3 border">
                                <h2>보기를 입력하세요(배열형태)</h2>
                                <input type="text" onChange={handleChangechoose} placeholder="Choose" />

                            </div>
                            <div className="p-3 border">
                                <h2>답을 입력하세요</h2>
                                <input type="text" onChange={handleChangeanswer} placeholder="Answer" />

                            </div>

                            <label for="inputLogin" className="d-flex justify-content-center">
                                <button className="mt-4 btn btn-dark" onClick={handleClick}>작성완료</button>
                            </label>

                        </div>
                    </div>
                </div>
                {/* <div className="p-3 border">
                    <h2>패스워드를 입력하세요</h2>
                    <input type="text" onChange={handleChangeanswer} placeholder="Answer" />

                </div> */}
            </div>
        </>
    )
}

export default Admin