JSFiddle - React, Tailwind, and code Playground

by BLOBBY

HTML

<!-- This is the HTML for the calculator -->
<div id="calculater">
<header>
 <h1>
 Donald Shrump's Keemstar Calculater
 </h1>
 <p>
 REKTs the results of preforming different noscopes on different camper types
 </p>
<div class="input-area">
 <h2>
 quickscope one:Reck the DANKEST of peepos</h2>
<input type="text" id="argument1" value="10" />
<select id="argument1-type">
<option value="number">number</option>
</select>
</div>

<div class="input-area">
<h2>quickscope 2: deal with a
.
.0leafy
<div class="operation-choices">
<h3>Arithmetic Operators</h3>
 <input type="radio" name="operator" value="+" checked/>
 <lable for ="+">+</lable>
 <input type="radio" name="operator" value="-" />
 <lable for ="+">-</lable>
  <input type="radio" name="operator" value="*" />
 <lable for ="+">*</lable>
  <input type="radio" name="operator" value="/" />
 <lable for ="+">/</lable>
 
 
 
 </div>

CSS

input-area {
  background-color: red;
  padding: 8px;
  margin: 8px;
  text-align: center;
  border-radius: 8px;
  
  
  
  
  
  
  
  
}