※ ChatGPTを利用し、要約された質問です（原文：テンキーで「0.1」を打つと「.1」になる）
テンキーで「0.1」を打つと「.1」になる
このQ&Aのポイント
テンキーで「0.1」を打つと「.1」になってしまいます。「0.1」になる方法を教えて下さい。
HTMLページにテンキーを打つと数字が出るといったものをしたくて、検索しましたところ、参考サイトを見つけました。参考サイトのソースコードから、「0.1」とテンキーを打っても「.1」と表示される方法を知りたいです。
テンキーを使ってHTMLページに数字を入力したいのですが、テンキーで「0.1」を入力すると「.1」になってしまいます。どのようにすれば正しく表示されるようになるのでしょうか。
HTMLページにテンキーを打つと数字が出るといったものをしたくて、検索しましたところ、参考サイトを見つけました。
https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q13197413368
「.」を追加したソースが下記になります。
「0.1」とテンキーを打つと「.1」になってしまいます。「0.1」になる方法を教えて下さいますか？
宜しくお願いします。
<style type="text/css">table {
border: 0px;
margin: 0 auto;
border-collapse: collapse;
}
div#cc {
text-align: center;
}
input {
font-size: 12px;
margin: 0;
padding: 0;
}
input.key {
width: 32px;
font-family: monospace;
font-size: 12px;
}
</style>
</head>
<body>
<div id="cc">
<form name="myForm" action="#">
<input name="tx1" size=24 tabindex=1 maxlength=20 value="" onClick="selecttext(this)"><br>
<input name="tx2" size=24 tabindex=2 maxlength=20 value="" onClick="selecttext(this)"><br>
<input name="tx3" size=24 tabindex=3 maxlength=20 value="" onClick="selecttext(this)"><br>
<hr>
<table>
<tr>
<td><input type="button" class="key" value="7" onClick="keyEvent('7')"></td>
<td><input type="button" class="key" value="8" onClick="keyEvent('8')"></td>
<td><input type="button" class="key" value="9" onClick="keyEvent('9')"></td>
</tr>
<tr>
<td><input type="button" class="key" value="4" onClick="keyEvent('4')"></td>
<td><input type="button" class="key" value="5" onClick="keyEvent('5')"></td>
<td><input type="button" class="key" value="6" onClick="keyEvent('6')"></td>
</tr>
<tr>
<td><input type="button" class="key" value="1" onClick="keyEvent('1')"></td>
<td><input type="button" class="key" value="2" onClick="keyEvent('2')"></td>
<td><input type="button" class="key" value="3" onClick="keyEvent('3')"></td>
</tr>
<tr>
<td><input type="button" class="key" value="0" onClick="keyEvent('0')"></td>
<td><input type="button" class="key" value="." onClick="keyEvent('.')"></td>
<td><input type="button" class="key" value="←" onclick="oneClear()"></td>
<td><input type="button" class="key" value="CA" onclick="allClear()"></td>
</tr>
</table>
</form>
</div>
<script type="text/javascript">
var t;
selecttext(document.myForm.tx1);
function selecttext(o) {
t = o;
}
function keyEvent(c) {
t.value = (t.value=='0')? c: t.value+c;
}
function allClear() {
t.value = '';
}
function oneClear() {
t.value = t.value.substring(0,t.value.length-1);
}
</script>
</body>
お礼
細かな説明をありがとうございます。 おかげさまでできました。