Simple Sign-Up Form - Squarespace-developer Typing CST Test

Simple Sign-Up Form — Squarespace-developer Code

A simple sign-up form example using Squarespace Code Block and JavaScript.

# squarespace_developer/demo/SignUpForm
1. Add Code Block
2. Add HTML: <input id='username' placeholder='Username'> <input id='email' placeholder='Email'> <button id='signUpBtn'>Sign Up</button> <span id='msg'></span>
3. Add JavaScript:
	document.getElementById('signUpBtn').addEventListener('click', () => {
		const username = document.getElementById('username').value
		const email = document.getElementById('email').value
		document.getElementById('msg').textContent = username && email ? 'Signed up successfully' : 'Fill all fields'
	})
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