JS 取得した複数の変数の値を別の変数に入れる方法

ブラウザ画面上部に「ヘッダ（.header）」「メニュー（.menu）」がある画面構成で、それぞれの高さをjqueryのouterHeight()で取得。それぞれの値を足して別の変数に入れたいのですが、どのような記述をすれば良いかご教示ください。

html
1<html>
2<body>
3<div class="header">ヘッダ</div>
4<div class="menu">メニュー</div>
5</body>
6</html>

js
1const headerH = $('.header').outerHeight();
2const menuH = $('.menu').outerHeight();
3const fullH = headerH + menuH;　//.fullHに上記２つの値を足して代入したい

＜補足＞
上記「JS」の３行目は適当に書いています。正しいJSの書き方を教えてください。
初歩的な質問で恐縮ですがよろしくお願いします。

2022/05/16 05:44

> const fullH = headerH + menuH;　//.fullHに上記２つの値を足して代入したい変数に代入できていると思います。何が疑問なのでしょうか。

退会済みユーザー

2022/05/17 00:53

const fullH = headerH + menuH;　のすぐあとにでも、console.log(fullH); などとでも書けば、fullHの内容がコンソールに出力されて確認できるかと。

2022/05/24 08:32

ご回答ありがとうございます。探り探りで書いているもので、自分の記述内容があっているのかどうかがわからず質問させていただきました。こちらの記述自体は問題なく、またconsole.log(fullH); により値の確認も行えました。この度はご回答いただきありがとうございました。大変助かりました。

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

回答1件

自己解決

int32_tさん、sPyRRKV5VGqm5TFさん
コメントいただきありがとうございました。
こちらの質問の仕方がよろしくなく回答いただけませんでしたが、アドバイスいただいた内容で解決にいたりました。
この度は助かりました。ありがとうございます。

投稿2022/05/24 08:41

総合スコア12

あなたの回答

tips

プレビュー

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

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

関連した質問