JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html>
<html>
<body onclick="calcmabi()" onload ="G(); calcmabi()">
<h3>풍년가 계산기 완성본. By [Lute]kopory.</h3>
<p id="demo"></p>
<p id="demo2"></p>
<h5>그랜마 음유(5): <input type="checkbox" id="Grm" value = "5"></h5>
<h5>풍년가 마스터(10) <input type="checkbox" id="pung"> </h5>
<p><h5>2차 타이틀:</h5> 하멜른, 에피,판타지스타(2)<input type="checkbox" id="tt2" onclick="if(this.checked){checktt2()}"> 보컬로이드 콜라보(3)<input type="checkbox" id="tt3" onclick="if(this.checked){checktt3()}">피아니시모(7)<input type="checkbox" id="tt7" onclick="if(this.checked){checktt7()}"> 포르테,이보나,디바(8)<input type="checkbox" id="tt8" onclick="if(this.checked){checktt8()}"> 포르티시모(9)<input type="checkbox" id="tt9"onclick="if(this.checked){checktt9()}"></p>
<h5>악기</h5>
<p>글루미(16)<input type="checkbox" id="i16" onclick="if(this.checked){checki16()} "> 리라 ,첼로 ,바이올린 (11)<input type="checkbox" id="i11" onclick="if(this.checked){checki11()}"> 리라 첼로 바이올린 (10) <input type="checkbox" id="i10" onclick="if(this.checked){checki10()}"> 기타 나머지 악기(8)<input type="checkbox" id="i8" onclick="if(this.checked){checki8()}"> </p>
<p><h5>악기 인챈트 접두:</h5> 안단테(1)<input type="checkbox" id="p1" onclick="if(this.checked){checkp1()}"> 모데라토(2)<input type="checkbox" id="p2" onclick="if(this.checked){checkp2()}">알레그로(3)<input type="checkbox" id="p3" onclick="if(this.checked){checkp3()}"> 앙상블(5)<input type="checkbox" id="p5" onclick="if(this.checked){checkp5()}"> </p>
<p><h5>악기 인챈트 접미</h5> 코드(1): <input type="checkbox" id="S" ></p>
<p><h5>악기세공</h5> (0~20): <input type = text id = "Cr" value = "0"></p>
<h5> 장비</h5>
<p>코러스(유동옵): (2)<input type="checkbox" id="ch2" onclick="if(this.checked){checkch2()}"> (3)<input type="checkbox" id="ch3" onclick="if(this.checked){checkch3()}"> </p>
<p>앙코르(3): <input type="checkbox" id="AS"></p>
<p>솔리스트(2): 장갑 <input type="checkbox" id="Sol"> 신발 <input type="checkbox" id="Sol0"></p>
<p>안단테 악세(1): 왼쪽<input type="checkbox" id="Et0"> 오른쪽 <input type="checkbox" id="Et01"></p>
<p>악기연주 1랭크, 노래 1랭크 (30): <input type =...