Simple To-Do List - Squarespace-developer Typing CST Test

Simple To-Do List — Squarespace-developer Code

Create a basic To-Do list with Squarespace Code Block and JavaScript.

# squarespace_developer/demo/ToDoApp
1. Add a Code Block
2. Add HTML: <input id='taskInput' placeholder='New Task'> <button id='addTaskBtn'>Add</button> <ul id='taskList'></ul>
3. Add JavaScript:
	const addBtn = document.getElementById('addTaskBtn')
	const input = document.getElementById('taskInput')
	const list = document.getElementById('taskList')
	addBtn.addEventListener('click', () => {
		const li = document.createElement('li')
		li.textContent = input.value
		list.appendChild(li)
		input.value = ''
	})
4. Save and preview page

Squarespace-developer Language Guide

Squarespace Developer Platform allows developers to create custom websites and extend Squarespace templates using HTML, CSS, JavaScript, and JSON-T templates, providing more control than the standard drag-and-drop editor.

More Squarespace-developer Typing Exercises

Practice Other Languages