JSFiddle - React, Tailwind, and code Playground

by Dhanck

HTML

CSS Calculator?

<input type="number" id="first">
    <input type="number" id="second">
        
        <input type="button" id="ok" value="Enter">
       
            <div id="result"></div>
            
            
            <div id="calculator"></div>
            
            
            
            
            
<div id="one"></div>
<div id="two"></div>

CSS

a:after {
    content: " (" attr(href) ")";
}
#result:before + #result::after{
    content: #first input[type=number];
}

#one {
    width:             calc(attr(value string) + 20px);
        width:    -moz-calc(20px + 20px);
        width:     -ms-calc(20px + 20px);
        width:      -o-calc(20px + 20px);
        width: -webkit-calc(20px + 20px);
}

/*   */
#one, #two {
    border: 1px solid red;
    height: 100px;
}

#one {
        width:         calc(200px + 20px - 2px);
        width:    -moz-calc(200px + 20px - 2px);
        width:     -ms-calc(200px + 20px - 2px);
        width:      -o-calc(200px + 20px - 2px);
        width: -webkit-calc(200px + 20px - 2px);
}

#two {
    width: 50%;
}