کد تمرین این جلسه

کد تمرین:
به شکل عجیبی کار نمی‌کنه
html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>React Trainingtitle>
    <style> body{background-color: aqua;}style>
head>
<body>
    <div id="root">
        
    div>
    
    <script crossorigin src="https://unpkg.com/react@16/umd/react.development.js">script>
    <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js">script>
    <script src="https://unpkg.com/@babel/standalone/babel.min.js">script>
    <script type="text/babel"> 
        class TaskLabel extends React.Component{
            render(){
                return <div className="label-container">
                             <label htmlFor="theTask">what do you want to do todaylabel>
                             <br />
                        div>
            }
            
        }
        class InputMaker extends React.Component{
            render(){
               return <div className="input-container">
                        <input type="text" placeholder="type your tasks:" />
                         <br />
                    div>
            }
        }
        class RadionBtnMaker extends React.Component{
            render(){
                return <div classNem="radio-container"> 
                            <input type="radio"/>
                        div>
            }
        }
        class TaskmanagerCreator extends React.Component{
            render(){
                return <form>
                            <TaskLabel />
                            <InputMaker />
                            <RadionBtnMaker />
                        form>
            }
        }
        ReactDOM.render(<TaskmanagerCreator />, document.getElementById('root'));
        // class UsernameBox extends React.Component{
        //     render(){
        //         return 
        //                          Username
        //                          
        //                 
        //     }
        // }
        // class PasswordBox extends React.Component{
        //     render(){
        //         return 
        //                          Password
        //                          
        //                     
        //     }
        // }
        // class FormSubmitButton extends React.Component{
        //     render(){
        //         return Submit
        //     }
        // }
        // class SignInForm extends React.Component{
        //     render() {
        //         return 
        //                     < UsernameBox />
        //                     
        //                     
        //                 
        //              }
        // }
       
        // ReactDOM.render( , document.getElementById('root'));
    script>
body>
html>