<meta charset="UTF-8">
<html><body>
<head>
<link href="style.css" rel="stylesheet">
<script src="main.js"></script>
</head>
<header>
<a href="/dentaku.html"><span class="kh">たしざん</span></a>
<a href="./hikizan.html">ひきざん</a><br><br>
</header>
<!--計算表の始まり-->
<div class="yoko"><div>
<from name="fromR"><input style="width:100px;height:100px;font-size:100px; text-align: right; "id="tx1" /></from></div>
<div><h1> + </h1></div>
<div><input style="width:100px;height:100px;font-size:100px; text-align: right;"id="tx2" /><br /> </div>
</div>
</span>
<!--計算表の終わり-->
<!--りんご画像の横並びの始まり-->
<style>
.yoko{
display:flex;
}
.yoko>div{
width:auto;
}
</style>
<!--りんご画像の横並びの終わり-->
<!--りんご非表示待機の始まり-->
<div class="yoko">
<div>
<!--１個-->
<img src="irasuto/ringo1.png" id="r1" width="40px"></div>
<!--２個-->
<div><div id="r2">
<img src="irasuto/ringo1.png" width="40px">
<img src="irasuto/ringo1.png" width="40px"></div></div>
<!--３個-->
<div><div id="r3">
<img src="irasuto/ringo1.png" width="40px">
<img src="irasuto/ringo1.png" width="40px">
<img src="irasuto/ringo1.png" width="40px"></div></div>
<!--４個-->
<div><div id="r4">
<img src="irasuto/ringo1.png" width="40px">
<img src="irasuto/ringo1.png" width="40px">
<img src="irasuto/ringo1.png" width="40px">
<img src="irasuto/ringo1.png" width="40px"></div></div>
<!--５個-->
<div><div id="r5">
<img src="irasuto/ringo1.png" width="40px">
<img src="irasuto/ringo1.png" width="40px">
<img src="irasuto/ringo1.png" width="40px">
<img src="irasuto/ringo1.png" width="40px">
<img src="irasuto/ringo1.png" width="40px"></div></div>
<!--６個-->
<div><div id="r6">
<img src="irasuto/ringo1.png" width="40px">
<img src="irasuto/ringo1.png" width="40px">
<img src="irasuto/ringo1.png" width="40px">
<img src="irasuto/ringo1.png" width="40px">
<img src="irasuto/ringo1.png" width="40px">
<img src="irasuto/ringo1.png" width="40px"></div></div>
<!--７個-->
<div><div id="r7">
<img src="irasuto/ringo1.png" width="40px">
<img src="irasuto/ringo1.png" width="40px">
<img src="irasuto/ringo1.png" width="40px">
<img src="irasuto/ringo1.png" width="40px">
<img src="irasuto/ringo1.png" width="40px">
<img src="irasuto/ringo1.png" width="40px">
<img src="irasuto/ringo1.png" width="40px"></div></div>
<!--８個-->
<div><div id="r8">
<img src="irasuto/ringo1.png" width="40px">
<img src="irasuto/ringo1.png" width="40px">
<img src="irasuto/ringo1.png" width="40px">
<img src="irasuto/ringo1.png" width="40px">
<img src="irasuto/ringo1.png" width="40px">
<img src="irasuto/ringo1.png" width="40px">
<img src="irasuto/ringo1.png" width="40px">
<img src="irasuto/ringo1.png" width="40px"></div></div>
<!--９個-->
<div><div id="r9">
<img src="irasuto/ringo1.png" width="40px">
<img src="irasuto/ringo1.png" width="40px">
<img src="irasuto/ringo1.png" width="40px">
<img src="irasuto/ringo1.png" width="40px">
<img src="irasuto/ringo1.png" width="40px">
<img src="irasuto/ringo1.png" width="40px">
<img src="irasuto/ringo1.png" width="40px">
<img src="irasuto/ringo1.png" width="40px">
<img src="irasuto/ringo1.png" width="40px"></div></div>
</div>
<!--りんご非表示待機の終わり-->
<!--りんご表示切り替え＋数字入力の始まり-->
<!--１表示-->
<input type="button" value="- 1 -"onclick="document.getElementById('r1').
style.visibility='visible';append('1')">
<!--２表示-->
<input type="button" value="- 2 -"onclick="document.getElementById('r2').
style.visibility='visible';append('2')">
<!--３表示-->
<input type="button" value="- 3 -"onclick="document.getElementById('r3').
style.visibility='visible';append('3')">
<!--４表示-->
<input type="button" value="- 4 -"onclick="document.getElementById('r4').
style.visibility='visible';append('4')">
<!--５表示-->
<input type="button" value="- 5 -"onclick="document.getElementById('r5').
style.visibility='visible';append('5')">
<!--６表示-->
<input type="button" value="- 6 -"onclick="document.getElementById('r6').
style.visibility='visible';append('6')">
<!--７表示-->
<input type="button" value="- 7 -"onclick="document.getElementById('r7').
style.visibility='visible';append('7')">
<!--８表示-->
<input type="button" value="- 8 -"onclick="document.getElementById('r8').
style.visibility='visible';append('8')">
<!--９表示-->
<input type="button" value="- 9 -"onclick="document.getElementById('r9').
style.visibility='visible';append('9')">
<!--りんご表示切り替え＋数字入力の終わり-->
<!--演算式の始まり-->
<script>
function update( _v ) // input tag を更新する関数
{
document.querySelector( 'input' ).value = _v
}
function append( _v ) // 数字ボタンが押されたので数字を後ろに追加する
{
document.querySelector( 'input' ).value += _v
}
function update( _n ) // input tag を更新する関数
{
document.querySelector( 'input' ).value = _n
}
function append( _n ) // 数字ボタンが押されたので数字を後ろに追加する
{
document.querySelector( 'input' ).value += _n
}
function calc() // 「＝」ボタンが押されたので計算する
{
const v = document.querySelector( 'input' ).value
const n = document.querySelector( 'input' ).value
try {
const f = new Function( 'return ' + v )
update( f().toString() )
} catch( _error ) {
update( _error ) // 計算に失敗した場合は、そのエラーの内容を表示する
}
var input = document.getElementById(_v)
var count = input.value.length
console.log(count)
}
</script>
<!--演算式の終わり-->
<!--”＝＋ー”の表示始まり-->
<button onclick="append( '+' )" >+</button>
<button onclick="append( '-' )" >-</button>
<button onclick="calc()" style="width:105px;">=</button>
<!--”＝＋ー”の表示の終わり-->
<!--CLRボタンの始まり-->
<!--りんご非表示-->
<input type="button"value="CLR"onclick="
document.getElementById('r1').style.visibility='hidden';
document.getElementById('r2').style.visibility='hidden';
document.getElementById('r3').style.visibility='hidden';
document.getElementById('r4').style.visibility='hidden';
document.getElementById('r5').style.visibility='hidden';
document.getElementById('r6').style.visibility='hidden';
document.getElementById('r7').style.visibility='hidden';
document.getElementById('r8').style.visibility='hidden';
document.getElementById('r9').style.visibility='hidden';
//数字非表示
update('')">
<!--CLRボタンの終わり-->
</body></html>
コード
電卓での１桁入力
入力A ＋ 入力B
<input style="width:100px;height:100px;font-size:100px;
text-align: right;/>
<input style="width:100px;height:100px;font-size:100px;
text-align: right;/>
電卓１入力
<input type="button" value="- 1 -"onclick="append('1')">
電卓を作成しているのですが、たしざんの一桁をAに入力したら強制的に次の入力をBにする方法がわかりません、よければ教えて欲しいです。
### 試したこと
javascript
で入力回数を数えて移行
fromR.onload = function(){
var righttxet =document.getElementById('tx1');
var lefttxet = document.getElementById('tx2');
var righttxetCount = righttxet.length;
if(righttxetCount == 1){
ここがわかりません
}
### 補足情報（FW/ツールのバージョンなど）
Mac visualstdio
ここにより詳細な情報を記載してください。
Q&A
