File: /home/franzo/public_html/percentcalco.com/index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="title" content="パーセント計算">
<meta name="description" content="帳使いやすいパーセンテージ計算">
<title>パーセント計算</title>
<link rel="stylesheet" href="main.css" type="text/css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-156926604-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-156926604-1');
</script>
</head>
<body>
<form class="calculator">
<h1>パーセント計算</h1>
<p>使いやすいパーセンテージ計算機</p>
<div class="calc-row">
<div class="flex-left">
<input type="number" id="n2"> の
<input type="number" id="n1">％ は
</div>
<div class="flex-right">
<input type="button" id="submit1" value="計算">
<div id="showAnswer1">0</div>
</div>
</div>
<div class="calc-row">
<div class="flex-left">
<input type="number" id="n3"> は
<input type="number" id="n4"> の
</div>
<div class="flex-right">
<input type="button" id="submit2" value="計算">
<div id="showAnswer2">0</div>％
</div>
</div>
<div class="calc-row">
<div class="flex-left">
<input type="text" id="n5"> は
<input type="number" id="n6"> の
</div>
<div class="flex-right">
<input type="button" id="submit3" value="計算">
<div id="showAnswer3">0</div>％ 増し
</div>
</div>
<footer>
<p><span id="year"></span> © Copyright NWM. All Rights Reserved.</p>
</footer>
</form>
<script src="main.js"></script>
</body>
</html>