function TodoApp() {
            return <div id="todo-app">
                <label className="todo-label" htmlFor="new-todo">What do you want to do today?label>
                <input type="text" id="new-todo" className="todo-input" placeholder="type your tasks" />
            div>
        }
        function TodoList() {
            return <div id="todo-list">
                <div className="todo-item">
                    <input type="checkbox" />
                    <span className="todo-content">task 1span>
                div>
            div>
        }
        function Container() {
            return <div className="container">
                <TodoApp />
                <TodoList />
            div>
        }
        ReactDOM.render(<Container />, document.getElementById('root'));