JSFiddle - React, Tailwind, and code Playground

by Weron2

HTML

<html>
<head> <title>Калькулятор Пиццы</title>
    <link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta name="description" content="Калькулятор пиццы позволяет узнать какую пиццу выгоднее заказывать, большую пиццу или маленькую. Вбейте диаметр пиццы и ее цену и узнайте что выгоднее">
    <meta name="Keywords" content="калькулятор пиццы, pizza calculator, большая пицца или маленькая">
</head>
<style type="text/css">
form input
{   font-size: 12px;
 text-align: center; }
tr.border_bottom td {
  border-bottom:1pt solid black;
}
 body {
    background-image: url('https://1.bp.blogspot.com/-13ND_u2s8Vw/WMQTZyYppYI/AAAAAAAAApg/g4QW_jkBsKE8E_acsGhRKMeYumAWsMvegCPcB/s640/bg.jpg'); /* Путь к фоновому изображению */
   background-repeat: no-repeat;
   background-size: cover;
   }
a {color:black;}
      #main {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }
     #main:target {display: block;}
</style>

<body>

<script type="text/javascript">
function calc1(){
 var c, a, d, p, cd, ad, dd, pd, raznicad, raznicap, raznicaa, raznicac, pix, pixd, numb, numbd;
 d = document.getElementById('diametr').value;
 p = document.getElementById('price').value;
 numb = document.getElementById('num').value;
 a = (0.785*d*d).toFixed(1);
 c = (p/a).toFixed(2);
 pix = ((100*a)/p).toFixed(2);
 dd = document.getElementById('diametr2').value;
 pd = document.getElementById('price2').value;
 numbd = document.getElementById('num2').value;
 ad = (0.785*dd*dd).toFixed(1);
 cd = (pd/ad).toFixed(2);
 pixd = ((100*ad)/pd).toFixed(2);
   if (c == "NaN" ||c=="Infinity") {
        document.getElementById('1cm').innerHTML = "";
    } else {
        document.getElementById('1cm').innerHTML = c;
    }
   if (a == "NaN"|| a ==0 || a=="Infinity") {
        document.getElementById('area').innerHTML = "";
    } else {
        document.getElementById('area').innerHTML = (a*numb).toFixed(2) +" см2";
    }
...