JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>ToDoMvc</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script>
        $.(document).ready(function () {
            $.get("/todos", function (data, status) {
                console.log(data);
            });

        });
    </script>
</head>
<body>
<ul class="todos">

</ul>
<div class="newtodo">
    What need to do?
    <input type="text">
    <button class="new" onclick="addToDo()">Add to todo-list.</button>
</div>
</body>
</html>