AI智能解答
//
// let item = {
// q: q,
// a: [
// "A 单次",
// "B 一年多次",
// "C 两次一年",
// "D 两年一次",
// ],
// answer: "B",
// };
// let item1 = {
// q: "以下哪国不属于亚洲国家",
// a: ["A 美国", "B 中国", "C 俄罗斯", "D 法国"],
// answer: "A",
// };
// quiz.push(item);
// quiz.push(item1);
// console.log(quiz);
// return quiz;
// };
changeQuizFlag = () => {
this.setState({
quizFlag: true,
});
this.setLocalStorage();
};
setLocalStorage = () => {
var quiz = this.state.quiz;
try {
localStorage.setItem("quizKey", JSON.stringify(quiz));
} catch (err) {
console.log(err);
}
};
getLocalStorage = () => {
var quiz = JSON.parse(localStorage.getItem("quizKey"));
if (quiz == null || quiz.length < 1) {
var quiz = this.state.quiz;
}
this.setState({
quiz: quiz,
});
};
hasLocalStorage = () => {
if (localStorage.getItem("quizKey")) {
console.log("has quiz");
this.getLocalStorage();
} else {
console.log("no quiz");
this.setLocalStorage();
}
};
//提交题目
submitQuestion = () => {
const { currentIndex, selectedOptions, question, quiz } = this.state;
var arr = [...quiz];
let anwserArr = question.a;
let userSelection = "";
arr[currentIndex].answer = selectedOptions;
arr[currentIndex].fValue = anwserArr[selectedOptions];
selectedOptions == 0
? (userSelection = anwserArr[0])
: selectedOptions == 1
? (userSelection = anwserArr[1])
: selectedOptions == 2
? (userSelection = anwserArr[2])
: selectedOptions == 3
? (userSelection = anwserArr[3])
: console.log("no anwser");
arr[currentIndex].userSelection = userSelection;
this.setState({
quiz: arr,
});
console.log(arr);
this.nextOption();
};
nextOption = () => {
if (this.state.quiz.length - 1 > this.state.currentIndex) {
this.setState({
currentIndex: this.state.currentIndex + 1,
selectedOptions: -1,
});
} else {
this.setState({
quizFlag: false,
currentIndex: 0,
selectedOptions: -1,
});
}
};
onOptionsChange = (e) => {
// console.log(e.target.value);
this.setState({
selectedOptions: e.target.value,
});
};
sliderEvt = (e) => {
this.setState({
currentIndex: e.target.value,
selectedOptions: -1,
});
};
whichAnswer = (fValue, userSelection) => {
let arr = [...this.state.quiz];
let flag = userSelection == fValue ? "green" : "red";
return (
{userSelection}:{arr[this.state.currentIndex].answer ==
arr[this.state.currentIndex].selectedOptions
? "correct"
: "incorrect"}
);
};
handleQuizFlag = () => {
if (this.state.quizFlag === false) {
return ;
} else {
return (
style={{
textAlign: "center",
height: "500px",
overflowY: "scroll",
}}
>
{this.state.quiz.length > 1 && (
<>
{this.state.currentIndex + 1}. {this.state.question.q}
A: {this.state.question.a[0]}
B: {this.state.question.a[1]}
C: {this.state.question.a[2]}
D: {this.state.question.a[3]}
type="radio"
name="g1"
value="0"
onChange={this.onOptionsChange}
checked={this.state.selectedOptions == 0}
/>
type="radio"
name="g1"
value="1"
onChange={this.onOptionsChange}
checked={this.state.selectedOptions == 1}
/>
type="radio"
name="g1"
value="2"
onChange={this.onOptionsChange}
checked={this.state.selectedOptions == 2}
/>
type="radio"
name="g1"
value="3"
onChange={this.onOptionsChange}
checked={this.state.selectedOptions == 3}
/>
)}
{this.state.currentIndex >= 0 && (
)}