HTML内の変数をJSで上書きしたい

Question

###前提・実現したいこと
HTML内で宣言してる変数に、Cookieの情報を上書きしたいです。
単純な上書きだけでは、HTML上に反映されず原因がわからない状況です。

実現したい挙動としては、
①　HTML内で宣言している変数に値が入っていれば、変数の値をCookie上書きする。
②　変数に値が入っていなければ、Cookie情報の値をHTML内の変数に上書きする。
①については問題ないようでした。

【前提】

• Cookieの読み書きは「jquery.cookie.js」を使用しています。
• aaaに値に数値が入る時、bbbも同様に数値が入る。逆もまた同様。片側だけ数値がはいるということはないです。
• HTML内で宣言される変数の値は、下記の2パターンのみ。

var aaa = "01234567"　←なんらかの数字が入っている
var aaa = ""　←何も数字が入っていない

###HTMLコードの記述

<script>
var aaa = "01234567"
var bbb = "abcdefgh"
</script>
<!-- cookieプラグイン読み込み -->
<script type="text/javascript" src="/jquery.cookie.js"></script>
<!-- cookie制御用のJS読み込み -->
<script type="text/javascript" src="/custom.js"></script>

###custom.js　NG例

if(aaa){
   $.cookie("cookAAA", aaa, { expires: 730, path:"/" });
   $.cookie("cookBBB", bbb, { expires: 730, path:"/" });
}else{
   aaa= $.cookie("cookAAA"); 
   bbb= $.cookie("cookBBB"); 
}

どなたかご存じの方がおりましたら、何卒よろしくお願いいいたします。

Answer 1

「HTMLの変数」という表現がややひっかかりますが、ようはjavascriptの変数がということでよろしいですか？

if(aaa){

この場合aaaは必ず事前に宣言されている必要がありますが、そうでない場合もあるのでしょうか？
また仮にaaaが宣言されていたとしてifで評価する場合false,0,nullなどが除外されますが大丈夫ですか？

if(typeof aaa!=="undefined" && aaa){
・・・
}else{
・・・
}

加えて、aaaが実体をもっていてもbbbも宣言されていないとエラーになります
あわせて調査したほうが良いと思います

Comments

[tokiwa07]

ご回答いただきありがとうございます。

Javascriptの変数であっております。
aaa宣言後に、Javacriptファイルを読み込んでおります。

また、aaa＆bbbともに変数は下記2パターンのみとなっています。
var aaa = "01234567" ←なんらかの数字8桁が入っている
var aaa = ""　←何も数字が入っていない
aaaが宣言されている場合、bbbにも必ず数値が入る仕様になっています。

typeofの記述でトライしてみましたが、HTML内で宣言されている変数には正しく値が入っていないようでした…。
引き続き検証してみます。

[yambejp]

とりあえずifの分岐でどちらに処理がまわっているか確認してください
その上でクッキーをセットする処理のほうで間違いないなら
$.cookie("cookAAA", aaa, { expires: 730, path:"/" });
の前後にconsole.log(document.cookie)を記述して確認することです。

[tokiwa07]

返信ありがとうございます。
今回はHTML上への記述がうまく出来ませんでしたが、返信のご回答大変参考になりました。
別な方法検討し自己解決いたしましたのでベストアンサーに選ばさせていただきます。
ありがとうございました。