ｊｓのバリューについて

###前提・実現したいこと
バリューを足し引きにしたいです

###発生している問題・エラーメッセージ

バリューがマイナス、プラスされない

###該当のソースコード

<html> <head></head> <body> <script> <?php $page="01"; $currentpage=""; $page=$_POST['page']; if($_POST['change'] == "back"){ $page=$page-1; }else if($_POST['change'] == "next"){ $page=$page+1; } $currentpage="0".$page; ?> function back(){ document.frm.page.value = document.frm.page.value - "1"; } function next(){ document.frm.page.value = document.frm.page.value + "1"; } </script> <img src="<?php echo($currentpage);?>.jpg"><br> <form action="nekonona.php" method="post"> <input value="0" name="page"> <button type="submit" value="back" name="change" onClick="back();">前へ</button> <button type="submit" value="next" name="change" onclick="next();">次へ</button> </form> <?php echo ($currentpage); ?> </body> </html>

###試したこと
課題に対してアプローチしたことを記載してください

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報

kei344

2017/04/06 06:24

質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

mashumaro0628

2017/04/06 06:25

わかりました。次回から気を付けます

kei344

2017/04/06 06:26

ここは「質問への追記・修正の依頼」です。解決済にしても本文を編集することが出来ますので、よろしくお願いします。

行動規範の内容に同意します

回答3件

###ポイント1
JavaScript上でdocument.frmという書き方でアクセスしようとしていますが、肝心のformタグのほうにfrmという名前を付け忘れています。

HTML
1<!-- 誤 -->
2<form action="nekonona.php" method="post">
3<!-- 正 -->
4<form name="frm" action="nekonona.php" method="post">

###ポイント2
足し算引き算をするには、足す(引く)数字、足される(引かれる)数字がともに「整数値」である必要があります。inputタグのvalueは「文字列」なので、足し算引き算をそのままやろうとすると「文字列同士をくっつける(1+1=11)」になってしまいます。

JavaScript
1// 誤
2document.frm.page.value = document.frm.page.value + "1"; 
3// 正
4document.frm.page.value = parseInt(document.frm.page.value) + 1;

投稿2017/04/06 06:07

masaya_ohashi

総合スコア9206

ベストアンサー

おかしい点の指摘と修正したコードを載せます。

formのname属性を指定する必要があります。
buttonのtypeがsubmitだとページが更新されてしまいます。javascriptの処理を行いたいならtype="button"にしましょう。
数値の計算をしたい場合は、文字列"1"ではなく数値1を指定してください。またvalueは文字列なのでNumber()で数値に変更しましょう。

html
1<html>
2<head></head>
3<body>
4<script>
5function back(){
6 document.frm.page.value = Number(document.frm.page.value) - 1;
7}
8function next(){
9 document.frm.page.value = Number(document.frm.page.value) + 1;
10}
11</script>
12
13<form name="frm" action="nekonona.php" method="post">
14  <input value="0" name="page">
15  <button type="button" value="back" name="change" onClick="back();">前へ</button>
16  <button type="button" value="next" name="change" onclick="next();">次へ</button>
17</form>
18
19</body>
20</html>