JSFiddle - React, Tailwind, and code Playground
HTML
<html>
<head>
<title>Pizza Order</title>
</head>
<head>
<script>
window.onload=function()
{
clearAll();
updatePizzaToppings();
updatePizzaToppings();
updatePizzaToppings();
updatePizzaToppings();
};
function updatePizzaToppings()
{
var checkBox=getElementById('selectBacon');
var pic=getElementById('BaconPic');
if (checkBox.checked)
pic.style.visibility='visible';
else
pic.style.visibility='hidden';
checkBox=getElementById('selectCheese');
pic=getElementById('CheesePic');
if (checkBox.checked)
pic.style.visibility='visible';
else
pic.style.visibility='hidden';
checkBox=getElementById('selectPepperoni');
pic=getElementById('PepperoniPic');
if (checkBox.checked)
pic.style.visibility='visible';
else
pic.style.visibility='hidden';
checkBox=getElementById('selectHam');
pic=document.getElementById('HamPic');
if (checkBox.checked)
pic.style.visibility='visible';
else
pic.style.visibility='hidden';
};
function updatePizzaSize(size)
{
var width;
var height;
if(size=='small')
{
width=220;
height=220;
}
else if (size=='medium')
{
width=240;
height=250;
}
else if (size=='large')
{
width=280;
height=280;
}
document.getElementById('BlankPic').style.width=width;
document.getElementById('BlankPic').style.height=height
document.getElementById('CheesePic').style.width=width;
document.getElementById('CheesePic').style.height=height
document.getElementById('BaconPic').style.width=width;
document.getElementById('BaconPic').style.height=height
document.getElementById('HamPic').style.width=width;
document.getElementById('HamPic').style.height=height
document.getElementById('PepperoniPic').style.width=width;
document.getElementById('PepperoniPic').style.height=height
};
function printInfo()
{
document.getElementByid('text').value='Name:'+getName()+'\n'+
'Address:'+getAddress()+'\n'+
'Size:'+getSize()+'\n'+
'Toppings:'+getToppings();
};
function...