jsはブラウザでクッキーを添削して調べます。

Cookieフォーマット

=; ; 

eg:
id=a3fWa; Expires=Wed, 21 Oct 2015 07:28:00 GMT; Secure; HttpOnly

属性
属性名
説明
標準値
スコープ
エクスプレス
締切時間：UTC
を選択します。
を選択します。
Max-Age
有効期限:秒優先度はExpiresより高い
を選択します。
を選択します。
domain
ドメイン名
現在のドメイン名
現在のドメイン名はデフォルトで、指定値の後は現在のドメイン名とサブドメイン名です。
パス
有効なパス
現在のアドレス
現在のパスとそのサブパス
HttpOnly
JavaScriptスクリプトでは入手できませんでした。
を選択します。
を選択します。
Secure
暗号化プロトコルHTTPSでのみ有効になります。
を選択します。
を選択します。
特別な説明:

有効期限を追加しないと、クッキーはブラウザが閉じている間に

を削除します。

二つのURLはドメイン名が同じでポートと同じであれば、Cookie

を共有することができます。

Dcument.co okieを使用してHTTPOnly属性のクッキー

に読めませんでした。

はクッキーのキー値しか読み取れません。属性の値

を読み取ることができませんでした。
Cookie読み書き操作
ファイルをブラウザで開くとエラーが発生します。

A cookie associated with a cross-site resource at  was set without the `SameSite` attribute. 
A future release of Chrome will only deliver cookies with cross-site requests 
if they are set with `SameSite=None` and `Secure`.

Flaaskを使ってテスト環境を構築できます。

# -*- coding: utf-8 -*-
from flask import Flask, send_file

app = Flask(__name__)


@app.route("/")
def get_info():
    return send_file("templates/index.html")


if __name__ == '__main__':
    app.run(debug=True)

JavaScriptはCookieを読み、書きます。

//   Cookie       ，     
document.cookie="username=Tom";
document.cookie="age=12";

//   Cookie
document.cookie="username=Jack";

//   Cookie
console.log(document.cookie);
// age=12; username=Jack

//        expires         
document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";

cookieは、例えば、自身のパッケージ関数で処理できます。https://www.runoob.com/js/js-cookies.html
プラグでjs-cookieを読み取ることもできます。https://www.npmjs.com/package/js-cookie
参照

https://segmentfault.com/a/1190000016372516

阮一峰JavaScript教程/ブラウザモデル/Cookie