Note App - Cordova Typing CST Test
Loading…
Note App — Cordova Code
A simple notes app to add, delete, and display notes using HTML and JavaScript.
<!DOCTYPE html>
<html>
<head>
<title>Note App</title>
<script>
let notes = [];
function addNote() {
const input = document.getElementById('noteInput');
if(input.value.trim()) { notes.push(input.value.trim()); input.value=''; renderNotes(); }
}
function renderNotes() {
const list = document.getElementById('noteList'); list.innerHTML='';
notes.forEach((note,i)=>{
const li=document.createElement('li'); li.textContent=note;
const btn=document.createElement('button'); btn.textContent='Delete'; btn.onclick=()=>{ notes.splice(i,1); renderNotes(); };
li.appendChild(btn); list.appendChild(li);
});
}
</script>
</head>
<body>
<h1>Notes</h1>
<input id='noteInput' placeholder='New Note'/>
<button onclick='addNote()'>Add</button>
<ul id='noteList'></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.