JSPで<button>を押したときの動作がよくわかりません。

JSPでボタンを押したときに、JSPで入力してある文字列を表示（ボタンを押すまでは非表示）するようなことはできるのでしょうか？
それともサーブレットなどの処理を通してからでないと不可能なのでしょうか？
if文でできるかと思ったのですが、要素の指定がうまくいきませんでした、、。

分かりにくいかとは思いますが、どうか知恵を貸していただけますと幸いです。。

dodox86

2020/08/05 07:07

クライアント側のブラウザーで表示されているときはhtmlなのですから、JavaScriptを組み合わせて作ればできます。

sad

2020/08/05 07:41

なんとなく察していましたがやっぱりJavaScript必要あるのですね。頑張って覚えます！今回も回答ありがとうございます！

m.ts10806

2020/08/05 08:03

こちらは回答欄ではありません。まだ質問受付中のままのようですが、どのようなアドバイスをお求めですか？ただ、「うまくいかない」コードと起きてる現象を提示されないことには現状からの進展は難しいのではと。

dodox86

2020/08/05 08:08

ですね。私も回答に及ばないアドバイス、思い付き程度のコメントで投稿しました。本コメントから発展してご自分で対応、解決～自己回答で閉じても良いし、コメントを元に新たに発する疑問、要望を明確化して、質問欄に追記してもらえれば良いなぁ、と思った次第です。

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

回答1件

ベストアンサー

「質問への追記・修正」にてコメントをしましたが、かえって質問者であるsadさんも落しどころが分からなくなってしまったかもしれませんので、責任を取って（？）回答します。

コメント通りですが、要はJSPと言えどもクライアントのWEBブラウザー上で表示されるときはHTMLになっているので、HTMLのボタンを押したときにHTML内で要望の動きができれば良いわけです。ボタン押下でフォームのサブミットをしないのであれば、サーブレット、つまりはサーバーとの対話無しに、HTML内のJavaScriptで完結するよう対応できます。

以下はボタンを押したときに押した回数と現在日時をdivのinnerHTMLに出力する例です。こんなかんじのものをJSPに適用すれば、クライアントサイドで完結するページができる、と言うことになります。簡単なものですが、参考にしてみてください。

HTML
1<!DOCTYPE html>
2<html>
3  <body>
4    <p>
5    <div id="output1">----</div>
6    <div id="output2">----</div>
7    </p>
8    <p>
9    <input type="button" value="push!" onclick="onButtonClick();"/>
10    </p>
11
12    <script language="javascript" type="text/javascript">
13      var num = 0;
14      function onButtonClick() {
15        num++;
16        target = document.getElementById("output1");
17        target.innerHTML = "num: " + num;
18        target = document.getElementById("output2");
19        target.innerHTML = new Date();
20      }
21    </script>
22  </body>
23</html>