JavascriptでHTML要素に文字列を表示させ、リロードしても文字列を表示したままにしたい。

Question

前提・実現したいこと

よろしくお願い致します。

Javascriptでaタグに文字列を表示させ、リロードしても文字列を表示したままにしたいと思っています。

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

ボタンをクリックでaタグに文字列は表示されるのですが、
リロードすると、開発者ツールのiPhoneサイズでは表示されているのですが実機（iPhone7）では表示されていません。

該当のソースコード

<button id="b">btn</button>
<a tabindex="-1" id="v"></a>

window.onload = function () {
  existView();
}

document.getElementById("b").addEventListener("click", view);

function view() {
  let aId = document.getElementById('v');
  aId.innerHTML = "hogehoge";
  setCouponPriceCoolie('hogehoge');
}

function setCouponPriceCoolie(text) {
  const path = location.pathname;    
  
  const extime = new Date().getTime();
  const cltime = new Date(extime + (60*60*24*1000*30));
  const exdate = cltime.toUTCString();
 
  let s="";
  s += "viewValue="+ escape(text);
  s += "; path="+ path;
  s += "; expires=" +exdate+"; ";
  
  document.cookie = s;
}

function existView() {
  var r = document.cookie.split(';');
  r.forEach(function(value) {
      var content = value.split('=');
      if (content[0] == " viewValue") { // 追記：viewValueの前に半角スペースが入っていたのを追加しました。
        let aId = document.getElementById('v');
        aId.innerHTML = unescape(content[1]);
      }
  })
}

試したこと

aタグの tabindex="-1" を href="#"に変えてみましたが効果がありませんでした。

----追記---
alertで、existView() が呼ばれている事は確認しました。

ほかに思い当たる節がありません。

補足情報（FW/ツールのバージョンなど）

Windows10での開発です。

リロードしても文字列が表示されるままにするにはどうしたらよいでしょうか？
よろしくお願い致します。

Answer 1

解決しました。
PCでは

if (content[0] == " viewValue") {

このようにCookieのNameの先頭に半角スペースが入っていたのですが、iPhoneでは入っていませんでした。
ですので、

if (content[0] == "viewValue" || content[0] == " viewValue") {

上記の記述で解決しました。