2つのボタンと1つのテキストを表示するコードを作成しました。ボタンをクリックすると、テキストのサイズが大きくなり、[縮小]をクリックすると、サイズが小さくなります。しかし、これはワンクリックでのみ機能します。2回クリックしても、関数は呼び出されません。なぜこうなった?これがそのコードです。
<html>
<head>
<script type="text/javascript">
function Grow()
{
var a=document.getElementById(1);
a.style.fontSize=a.style.fontSize+50;
}
function Shrink()
{
var a=document.getElementById(1);
a.style.fontSize=20;
}
</script>
</head>
<body>
<input type="button" value="grow" onclick="Grow()">
<input type="button" value="shrink" onclick="Shrink()">
<p id="1"> Hello </p>
</body>