Guide · 6 min read
How to make a “Will you be my Valentine?” website
There are two roads here: build it yourself with code, or use a maker and be done before your coffee’s cold. Here’s both — honestly.
Option 1 — the 2-minute no-code way
If you just want it done and looking great, use a maker. With NoDodger you choose a template, type their name and your question, optionally add a photo, and copy the link. The runaway No button, the confetti, the link preview and mobile support are all built in. No hosting, no debugging, no “why is it centered on my laptop but broken on her phone.” This is what most people actually want.
Option 2 — build it yourself (HTML/CSS/JS)
If you want the coding-project version, the core is genuinely simple. You need a page with a question, a Yes button, and a No button that moves on hover.
- ♥Structure. An HTML page with an <h1> question and two buttons (Yes and No).
- ♥The runaway trick. On the No button, listen for mouseover/touchstart and set its position to a new random spot with JavaScript (position: absolute + random top/left).
- ♥The Yes payoff. On Yes, swap the screen for a celebration message and trigger a confetti library on a <canvas>.
- ♥Hosting. Push it to GitHub Pages, Netlify or Vercel for a free URL you can share.
The catch with DIY
The tutorial version usually breaks on mobile (the No button needs touch events, not just hover), has no link preview so it looks sketchy in DMs, and can’t notify you when they open it. Those are exactly the things that make the ask land — and exactly the things a maker handles for you.
The honest recommendation
If coding is the point, build it — it’s a fun afternoon. If the person is the point, use a maker, send it tonight, and spend your energy on what you’ll write. You can make a polished, mobile-perfect “Will you be my Valentine?” page with NoDodger for free in less time than it takes to set up a repo.