End.js 1.41 KB
Newer Older
김민수's avatar
김민수 committed
1
import React from 'react'
김민수's avatar
김민수 committed
2
// import tr from './img_end.jpg';
김민수's avatar
김민수 committed
3
4


김민수's avatar
김민수 committed
5
// import { Link } from 'react-router-dom';
김민수's avatar
김민수 committed
6

김민수's avatar
김민수 committed
7
8
9
10
11
12
function End() {
    let scores = []
    let score = 0
    const answers = JSON.parse(localStorage.getItem('Answers'))
    const solutions = JSON.parse(localStorage.getItem('Solutions'))
    for (let i = 0; i < answers.length; i++) {
김민수's avatar
김민수 committed
13

김민수's avatar
김민수 committed
14
        if (answers[i] === solutions[i]) {
김민수's avatar
김민수 committed
15

김민수's avatar
김민수 committed
16
            scores[i] = 1
김민수's avatar
김민수 committed
17
18
19
20

        }
        else {

김민수's avatar
김민수 committed
21
            scores[i] = 0
김민수's avatar
김민수 committed
22
        }
김민수's avatar
김민수 committed
23
        score += scores[i]
김민수's avatar
김민수 committed
24
25
26
27
    }

    return (
        <>
김민수's avatar
김민수 committed
28
            <div className="container">
김민수's avatar
김민수 committed
29
                <h2>채점표</h2>
김민수's avatar
수정1    
김민수 committed
30
                <table className="table table-bordered" >
김민수's avatar
김민수 committed
31
32
                    <thead>
                        <tr>
김민수's avatar
김민수 committed
33
                            <th>응시자</th>
김민수's avatar
수정1    
김민수 committed
34
                            <th>{localStorage.getItem('name')}</th>
김민수's avatar
김민수 committed
35
36
37
                        </tr>
                    </thead>
                    <tbody>
김민수's avatar
김민수 committed
38
                        {scores.map((score, index) => {
김민수's avatar
김민수 committed
39

김민수's avatar
김민수 committed
40
41
                            return (score === 1) ? <tr><td>Quiz {index + 1}</td> <td> O </td></tr> : <tr><td>Quiz {index + 1}</td> <td> X</td></tr>
                        })}
김민수's avatar
김민수 committed
42
43
                        <tr>
                            <td>총점</td>
김민수's avatar
김민수 committed
44
                            <td>{score}</td>
김민수's avatar
김민수 committed
45
46
47
48
49
                        </tr>
                    </tbody>
                </table>
            </div>

김민수's avatar
김민수 committed
50

김민수's avatar
김민수 committed
51
            
김민수's avatar
김민수 committed
52

김민수's avatar
김민수 committed
53
54
55
56
57
58
        </>

    )
}

export default End;