function Router($action) { switch ($action['type']) { case 'HELLO_WORLD': return helloWorld($action); case 'ADD_TODO': return addTodo($action); case 'LIST_TODO': return listTodo($action); case 'DELETE_TODO': return deleteTodo($action); case 'COMPLETE_TODO': return completeTodo($action); default: return $action; } }
<script src="ajax.js"></script> <script src="todo.js"></script> </head> <body> <div id="top-bar"> <a id="user-button" href="javascript:void(0);" onClick="showUserInfo()">?</a> <div id="user-info" class="card"> <?php userInfo(); ?> </div> </div> <div id="content"> <div id="todo-list"> <?php listTodo(); ?> </div> </div> <a href="javascript:void(0);" onClick="showAddForm()"> <div id="fab">+</div> </a> <div id="add-form" class="card form"> <p>Add task:</p> <textarea id="description-input" type="textarea" rows="4" cols="35"></textarea> <button type="submit" onClick="addTodo();">Add</button> <button type="button" onClick="hideAddForm();">Cancel</button> </div> <div id="create-account-form" class="card form"> <p>Create Account:</p> <input type="text" id="user-name-create" placeholder="username" /><br />