NoJS – Creating a calculator with only HTML and CSS

I thought this would be implemented by recreating a calculator logic gates using nothing but css selectors.<p><a href="https:&#x2F;&#x2F;github.com&#x2F;SLaks&#x2F;Silon" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;SLaks&#x2F;Silon</a>

Nice write-up, shame there&#x27;s not a demo embedded (but understandable, bet that would be a hassle to work out on our blog too; too much for a one-off).<p>Also quite entertaining to click through to ScottLogic&#x27;s home page after that, where the strapline for what they do is:<p>&gt; Pragmatic solutions to complex software challenges

Do yourself a favor and try dividing by zero!

&gt; Well, everytime you divide by zero, a puppy dies.<p>Welp, I was a pretty heartless bastard back in the days of getting my first scientific calculator.

I’m disappointed with the reset button: it uses a dangling label inside a link, which reloads the page:<p><pre><code> &lt;a href=&quot;.&#x2F;calc.html&quot;&gt; &lt;label for=&quot;reset&quot;&gt;C&lt;&#x2F;label&gt; &lt;&#x2F;a&gt; </code></pre> Rather than just using the formerly-ubiquitous but now rare beast (I think I saw exactly one last year), a reset button:<p><pre><code> &lt;input type=&quot;reset&quot; value=&quot;C&quot;&gt; </code></pre> To keep the CSS simple (!), you could even keep using the label (though ditch the &lt;a&gt; wrapping) and just chuck an invisible &lt;input type=reset id=reset&gt; in with the radio buttons, if you really want. Then the label would dangle no more.

It would be interesting to create complex mathematical computations and finding a solution without the proper help of JS.

How long before all these CSS tricks come together to make a easily abusable injection mechanism? I know the `url()` mechanism is already abusable, but what about a small VM executed via `var` and `calc`?

Unfortunately, it does not seem to work on Firefox for Android. Pressing any digit will always produce a 0 value

&gt; Why make this? &gt; Why not?<p>Yes, please

Now make it accessible

Are we Turing yet with CSS?

Why?

You can even do this with pure HTML, no CSS or JavaScript! Server-side processing sometimes seems underutilized and forgotten.