import React, { useState } from 'react'; function QnA() { const [question, setQuestion] = useState(''); const [answer, setAnswer] = useState(''); const handleQuestionChange = (event) => { setQuestion(event.target.value); }; const handleSubmit = (event) => { event.preventDefault(); if (question.toLowerCase() === 'was ist diese Web-App?') { setAnswer( <div> <p>Diese Web-App ist ein Code-Editor mit Syntax-Hervorhebung, Autovervollständigung und vielen weiteren Funktionen!</p> <p>Es ermöglicht Ihnen, Code direkt im Browser zu schreiben und auszuführen, ohne Software installieren zu müssen.</p> <p>Der Syntax-Hervorhebung macht Ihren Code schön und die Autovervollständigungsfunktion hilft Ihnen, Code schneller und genauer zu schreiben.</p> <p>Außerdem verfügt es über viele weitere Funktionen wie die Möglichkeit, Rückgängig/Wiederherstellen, Code kopieren oder exportieren, offline arbeiten usw.!</p> </div> ); } else { setAnswer(<p>Nun, worauf wartest du, fang jetzt an, deinen Code zu bearbeiten.</p>); } }; return ( <div> <h1>Willkommen zum QnA-Programm!</h1> <form onSubmit={handleSubmit}> <label> Stellen Sie mir eine Frage: <input type="text" value={question} onChange={handleQuestionChange} /> </label> <button type="submit">Fragen</button> </form> <div>{answer}</div> </div> ); } export default QnA;