Simple Todo App - Cordova Typing CST Test
Loading…
Simple Todo App — Cordova Code
Demonstrates a simple Cordova app with a Todo list, adding tasks, and displaying them using standard HTML and JavaScript.
<!DOCTYPE html>
<html>
<head>
<title>Todo App</title>
<script>
let todos = [];
function addTodo() {
const input = document.getElementById('todoInput');
if(input.value.trim()) {
todos.push(input.value.trim());
input.value = '';
renderTodos();
}
}
function renderTodos() {
const list = document.getElementById('todoList');
list.innerHTML = '';
todos.forEach(todo => {
const li = document.createElement('li');
li.textContent = todo;
list.appendChild(li);
});
}
</script>
</head>
<body>
<h1>Todo App</h1>
<input type='text' id='todoInput' placeholder='New Todo'/>
<button onclick='addTodo()'>Add</button>
<ul id='todoList'></ul>
</body>
</html>Cordova Language Guide
Apache Cordova is an open-source mobile development framework that enables developers to build cross-platform mobile applications using HTML, CSS, and JavaScript. It wraps web applications into native containers to run on multiple mobile platforms.
Primary Use Cases
- ▸Hybrid mobile apps for iOS, Android, and Windows
- ▸Enterprise apps needing rapid deployment across platforms
- ▸Prototyping mobile apps quickly using web technologies
- ▸Apps requiring native device functionality via plugins
- ▸Web-to-mobile porting of existing web applications
Notable Features
- ▸Cross-platform mobile app development
- ▸Access to device hardware through plugins
- ▸Single codebase for multiple platforms
- ▸Integration with popular front-end frameworks (Vue, React, Angular)
- ▸Open-source with a large plugin ecosystem
Origin & Creator
Originally created by Nitobi in 2009 as PhoneGap, it was later donated to the Apache Software Foundation and renamed Cordova. The project standardized the approach for hybrid mobile app development.
Industrial Note
Perfect for rapid development of cross-platform mobile apps where leveraging existing web development skills is critical.