- 締切済み
サイト内での自動計算するには
かなり初歩の質問で申し訳ないのですが、 ウェブサイトの特定の箇所の数字を自動的に計算して他の場所に算出するにはどのような方法がいいでしょうか。phpでしょうか、jsでしょうか。 例としては、 <p class="a">30</p> <p class="b">90</p> .aに入れられた数字に対して、.bは掛ける3をして自動的に算出するというような簡単な計算です。 これを静的ページは無理として、どの部分にシステム(js)を入れてどのような式をかけばよろしいのでしょうか。
- みんなの回答 (3)
- 専門家の回答
みんなの回答
- Ogre7077
- ベストアンサー率65% (170/258)
PHP によるサーバー側処理が良いとは思いますが、 諸般の事情で JS によるクライアント側処理で対処するなら <!DOCTYPE html><html><head> ... <script> window.addEventListener('DOMContentLoaded',function(ev){ var a = document.getElementsByClassName('a')[0]; var b = document.getElementsByClassName('b')[0]; var n = parseInt(a.textContent); b.textContent = '' + (n*3); }, false); </script> ... <body> ... <p class=a>30</p> <p class=b></p>
- Taiyonoshizuku
- ベストアンサー率37% (183/489)
いや、だから >ワードプレスなどから投稿した際に、それを自動計算して吐き出すという方法です。 ワードプレスなどから投稿ってことはサーバ側でその値を取得できるよね。 そうしたらその値を使って計算して、しかるべき場所に出力すればいいんだけど。
- Taiyonoshizuku
- ベストアンサー率37% (183/489)
どう実装するかは用途によりけりだけど <p class="a">30</p> <p class="b">90</p> こうなってるってことは既に値が決まってるんだよね。 それだったらサーバ上(php)で計算した結果をhtmlに表示したほうが早い。 JavaScriptを使うのは、選択肢によって値が変わるとか、そんなとき。 <?php $a = 30; $b = $a * 3; echo $b; ?> どうしてもJavaScriptというならhtml生成後(onload)のタイミングでdomから値を探し出して計算して、反映させる ってやるけど、この案件だとふつうはやらない
補足
ありがとうございます。値は決まっていないです。ワードプレスなどから投稿した際に、それを自動計算して吐き出すという方法です。