این کد رو برام طوری بنویس که وقتی روی دکمه با id = "back_to_start_page" کلیک میکنم مقدار window.Kodular.setWebViewString('back_to_start_page');  ست کنه

<!DOCTYPE html>
<html lang="en" dir="rtl">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="multikit">
    <meta name="keywords" content="multikit">
    <title>مولتی کیت - قالب Html چند منظوره</title>
    <link rel="manifest" href="../manifest.json">
    <meta name="theme-color" content="#ff8d2f">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="multikit">
    <meta name="msapplication-TileImage" content="assets/images/favicon/1.svg">
    <meta name="msapplication-TileColor" content="#FFFFFF">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="icon" type="image/x-icon" href="assets/images/favicon/2.svg">
    <link rel="shortcut icon" href="../" type="image/x-icon">

    <!-- Google font css link  -->
    <link rel="preconnect" href="https://fonts.googleapis.com/">
    <link href="https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&amp;display=swap" rel="stylesheet">

    <!-- Loader Normalize css -->
    <link rel="stylesheet" type="text/css" href="assets/css/normalize.min.css">

    <!-- Bootstrap css -->
    <link id="rtl-link" rel="stylesheet" type="text/css" href="assets/css/vendors/bootstrap.css">

    <!-- Swiper css -->
    <link rel="stylesheet" type="text/css" href="assets/css/vendors/swiper/swiper-bundle.min.css">

    <!-- Remix Icon css -->
    <link rel="stylesheet" type="text/css" href="assets/css/remixicon.css">

    <!-- Style css -->
    <link id="change-link" rel="stylesheet" type="text/css" href="assets/css/style.css">

    <!-- Custom styles -->
    <style>
        #content {
            display: none;
        }

        #loading {
            display: none;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 24px;
            color: #ffa100;
            text-align: center;
        }

        #error-message {
            display: none;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 24px;
            color: rgb(199, 30, 86);
            text-align: center;
        }
    </style>
    

</head>

<body class="lato-body food-color food-auth-bg"></body>

    <!-- Loader Box Start -->
    <div class="min-loader-wrapper">
        <img src="assets/images/favicon/2.svg" class="img-fluid loader" alt="">
        <div class="loader-section section-left"></div>
        <div class="loader-section section-right"></div>
    </div>
    <!-- Loader Box End -->

    <!-- Mobile Section Start -->
    <div class="mobile-style-3">
        <ul>
            <li class="active">
                <a href="index.html">
                    <i class="ri-home-6-line"></i>
                    <h5>خانه</h5>
                </a>
            </li>
            <li>
                <a href="search.html">
                    <i class="ri-search-line"></i>
                    <h5>جستجو</h5>
                </a>
            </li>
            <li>
                <a href="cart.html">
                    <i class="ri-shopping-cart-line"></i>
                    <h5>سبد خرید</h5>
                </a>
            </li>
            <li>
                <a href="offer.html">
                    <svg>
                        <path
        d="M9.21448 1.13479C9.42137 0.95507 9.72901 0.95507 9.9359 1.13479L11.7218 2.68635C11.8344 2.78412 11.9818 2.83202 12.1303 2.81907L14.4872 2.61361C14.7602 2.58981 15.0091 2.77064 15.0709 3.03764L15.6037 5.34266C15.6374 5.4879 15.7284 5.61329 15.8562 5.69012L17.8838 6.90923C18.1186 7.05045 18.2137 7.34303 18.1066 7.59533L17.183 9.77333C17.1248 9.91065 17.1248 10.0656 17.183 10.2029L18.1066 12.3809C18.2137 12.6331 18.1186 12.9257 17.8838 13.067L15.8562 14.2861C15.7284 14.3629 15.6374 14.4883 15.6037 14.6336L15.0709 16.9385C15.0091 17.2056 14.7602 17.3864 14.4872 17.3626L12.1303 17.1572C11.9818 17.1442 11.8344 17.1921 11.7218 17.2898L9.9359 18.8415C9.72901 19.0211 9.42137 19.0211 9.21448 18.8415L7.4285 17.2898C7.31597 17.1921 7.16856 17.1442 7.02004 17.1572L4.66316 17.3626C4.39015 17.3864 4.14126 17.2056 4.07954 16.9385L3.54662 14.6336C3.51305 14.4883 3.42194 14.3629 3.29417 14.2861L1.26666 13.067C1.03179 12.9257 0.936726 12.6331 1.04373 12.3809L1.96745 10.2029C2.02565 10.0656 2.02565 9.91065 1.96745 9.77333L1.04373 7.59533C0.936726 7.34303 1.03179 7.05045 1.26666 6.90923L3.29417 5.69012C3.42194 5.61329 3.51305 5.4879 3.54662 5.34266L4.07954 3.03764C4.14126 2.77064 4.39015 2.58981 4.66316 2.61361L7.02004 2.81907C7.16856 2.83202 7.31597 2.78412 7.4285 2.68635L9.21448 1.13479Z"
        stroke-width="1.5" />
    <path d="M6.8252 10.9048L8.65853 12.7381L13.2419 8.15479" stroke-width="1.5" stroke-linecap="round"
        stroke-linejoin="round" />
                    </svg>
                    <h5>تخفیف ها</h5>
                </a>
            </li>
            <li>
                <a href="account.html">
                    <i class="ri-user-3-line"></i>
                    <h5>حساب کاربری</h5>
                </a>
            </li>
        </ul>
    </div>
    <!-- Mobile Section End -->

    <!-- loding get page data -->
    <div id="loading"></div>
    <div id="error-message"></div>
    <!-- loding get page data End -->

    <div id="content">
        <!-- Header Section Start -->
        <header class="header-style-3">
            <div class="custom-container">
                <div class="header-box">
                    <div class="left-box">
                        <div class="header-icon">
                            <i class="ri-navigation-fill"></i>
                        </div>
                        <a href="address-book.html" class="header-content">
                            <h4>خانه <i class="ri-arrow-down-s-line"></i></h4>
                            <h6>35 خیابان دریاچه جنگل، بندر..</h6>
                        </a>
                    </div>

                    <div class="right-box">
                        <a href="notification.html" class="header-icon">
                            <i class="ri-notification-2-line"></i>
                        </a>
                    </div>
                </div>

                <div class="search-box">
                    <form class="form-style-4">
                        <div>
                            <input type="text" class="form-control" id="phone"
                                placeholder="رستوران، غذا یا غذا را جستجو کنید">
                        </div>
                    </form>
                </div>
            </div>
        </header>
        <!-- Header Section End -->

        <!-- Banner Section Start -->
        <section class="section-t-space banner-section">
            <div class="swiper slider-1-1 white-dots">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="banner-box">
                            <img src="assets/images/food/banner/1.jpg" class="img-fluid banner-image" alt="">
                            <div class="banner-content w-50 p-center">
                                <div>
                                    <h4 class="title">از تحویل سریع Lightening لذت ببرید!!</h4>
                                    <div class="offer-box">
                                        <img src="assets/images/food/banner/shape.svg" class="img-fluid w-100" alt="">
                                        <h4>50% تخفیف</h4>
                                    </div>
                                    <h6>*شرایط و شرایط اعمال می شود</h6>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="banner-box">
                            <img src="assets/images/food/banner/1.jpg" class="img-fluid banner-image" alt="">
                            <div class="banner-content w-50 p-center">
                                <div>
                                    <h4 class="title">از تحویل سریع Lightening لذت ببرید!!</h4>
                                    <div class="offer-box">
                                        <img src="assets/images/food/banner/shape.svg" class="img-fluid w-100" alt="">
                                        <h4>50% تخفیف</h4>
                                    </div>
                                    <h6>*شرایط و شرایط اعمال می شود</h6>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="banner-box">
                            <img src="assets/images/food/banner/1.jpg" class="img-fluid banner-image" alt="">
                            <div class="banner-content w-50 p-center">
                                <div>
                                    <h4 class="title">از تحویل سریع Lightening لذت ببرید!!</h4>
                                    <div class="offer-box">
                                        <img src="assets/images/food/banner/shape.svg" class="img-fluid w-100" alt="">
                                        <h4>50% تخفیف</h4>
                                    </div>
                                    <h6>*شرایط و شرایط اعمال می شود</h6>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </section>
        <!-- Banner Section End -->

        <!-- Category Section Start -->
        <section class="section-t-sm-space food-category-section">
            <div class="swiper category-slider px-15">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="shop.html" class="food-category-box">
                            <div class="category-image">
                                <img src="assets/images/food/dish/1.png" class="img-fluid" alt="">
                            </div>
                            <h5>مکزیکی</h5>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="shop.html" class="food-category-box">
                            <div class="category-image">
                                <img src="assets/images/food/dish/2.png" class="img-fluid" alt="">
                            </div>
                            <h5>چینی</h5>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="shop.html" class="food-category-box">
                            <div class="category-image">
                                <img src="assets/images/food/dish/3.png" class="img-fluid" alt="">
                            </div>
                            <h5>ایتالیایی</h5>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="shop.html" class="food-category-box">
                            <div class="category-image">
                                <img src="assets/images/food/dish/4.png" class="img-fluid" alt="">
                            </div>
                            <h5>تایلندی</h5>
                        </a>
                    </div>
                    
                    
                </div>
            </div>
        </section>
        <!-- Category Section End -->

        <!-- Option Section Start -->
        <section class="section-t-sm-space option-section ps-15">
            <ul class="option-list">
                <li>
                    <a class="option-box">
                        <div class="option-image">
                            <img src="assets/images/food/icon/1.png" class="img-fluid" alt="">
                        </div>
                        <h5>تحویل سریع</h5>
                    </a>
                </li>
                <li>
                    <a class="option-box">
                        <div class="option-image">
                            <img src="assets/images/food/icon/2.png" class="img-fluid" alt="">
                        </div>
                        <h5>VEG خالص</h5>
                    </a>
                </li>
                <li>
                    <a class="option-box">
                        <div class="option-image">
                            <img src="assets/images/food/icon/3.gif" class="img-fluid" alt="">
                        </div>
                        <h5>پیشنهادات عالی</h5>
                    </a>
                </li>
            </ul>
        </section>
        <!-- Option Section End -->

        <!-- Restaurants Section Start -->
        <section class="section-t-sm-space restaurant-section">
            <div class="custom-container">
                <div class="title-2">
                    <h5>رستورانهای نزدیک</h5>
                    <a href="shop.html">مشاهده همه</a>
                </div>

                <div class="restaurant-name-list">
                    <ul class="restaurant-list">
                        <li class="name-list">
                            <a href="restaurant.html" class="restaurant-name">
                                <div class="food-image">
                                    <img src="assets/images/food/nearby/1.jpg" class="img-fluid" alt="">
                                </div>

                                <div class="food-name">
                                    <h4>کارخانه سوپ</h4>
                                    <h5>هند شمالی، چینی</h5>
                                    <ul class="time-list">
                                        <li>
                                            <i class="ri-time-line"></i>
                                            <h6 class="m-0">20 دقیقه</h6>
                                        </li>
                                        <li class="dots"></li>
                                        <li>
                                            <i class="ri-map-2-line"></i>
                                            <h6 class="m-0">1 کیلومتر</h6>
                                        </li>
                                    </ul>
                                    <div class="rating-box">
                                        <i class="ri-star-fill"></i>
                                        <h6>4.7</h6>
                                    </div>
                                </div>
                            </a>
                        </li>

                        <li class="name-list">
                            <a href="restaurant.html" class="restaurant-name">
                                <div class="food-image">
                                    <img src="assets/images/food/nearby/2.jpg" class="img-fluid" alt="">
                                </div>

                                <div class="food-name">
                                    <h4>لذیذ ناچو اسپات</h4>
                                    <h5>چند آشپزی، گریل</h5>
                                    <ul class="time-list">
                                        <li>
                                            <i class="ri-time-line"></i>
                                            <h6 class="m-0">25 دقیقه</h6>
                                        </li>
                                        <li class="dots"></li>
                                        <li>
                                            <i class="ri-map-2-line"></i>
                                            <h6 class="m-0">1.5 کیلومتر</h6>
                                        </li>
                                    </ul>
                                    <div class="rating-box">
                                        <i class="ri-star-fill"></i>
                                        <h6>4.7</h6>
                                    </div>
                                </div>
                            </a>
                        </li>

                        <li class="name-list">
                            <a href="restaurant.html" class="restaurant-name">
                                <div class="food-image">
                                    <img src="assets/images/food/nearby/3.jpg" class="img-fluid" alt="">
                                </div>

                                <div class="food-name">
                                    <h4>مزرعه تا میز</h4>
                                    <h5>مکزیکی، قاره ای</h5>
                                    <ul class="time-list">
                                        <li>
                                            <i class="ri-time-line"></i>
                                            <h6 class="m-0">28 دقیقه</h6>
                                        </li>
                                        <li class="dots"></li>
                                        <li>
                                            <i class="ri-map-2-line"></i>
                                            <h6 class="m-0">2 کیلومتر</h6>
                                        </li>
                                    </ul>
                                    <div class="rating-box">
                                        <i class="ri-star-fill"></i>
                                        <h6>4.7</h6>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </section>
        <!-- Restaurants Section End -->

        <!-- Featured Section Start -->
        <section class="section-t-sm-space feature-section">
            <div class="title-2 px-15">
                <h5>رستوران برجسته</h5>
                <a href="shop.html">مشاهده همه</a>
            </div>

            <div class="swiper feature-slider px-15">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="feature-box">
                            <a href="restaurant.html" class="feature-head">
                                <img src="assets/images/food/featured/1.jpg" class="img-fluid" alt="">
                                <div class="sale-rate">
                                    <h6 class="sale">پرفروش ترین</h6>
                                    <h6 class="rate">
                                        <i class="ri-star-fill"></i>
                                        <span>4.1</span>
                                    </h6>
                                </div>
                            </a>

                            <div class="feature-content">
                                <a href="restaurant.html">
                                    <h5>کافه جک</h5>
                                </a>
                                <h6>چند آشپزی، گریل</h6>
                                <ul class="time-list">
                                    <li>
                                        <i class="ri-time-line"></i>
                                        <h6>28 دقیقه</h6>
                                    </li>
                                    <li class="dots"></li>
                                    <li>
                                        <i class="ri-map-2-line"></i>
                                        <h6>2 کیلومتر</h6>
                                    </li>
                                </ul>
                                <div class="offer-box">
                                    <img src="assets/images/food/icon/3-1.gif" alt="">
                                    <h6>50% تخفیف تا 20 تومان</h6>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="feature-box">
                            <a href="restaurant.html" class="feature-head">
                                <img src="assets/images/food/featured/2.jpg" class="img-fluid" alt="">
                                <div class="sale-rate">
                                    <h6 class="rate">
                                        <i class="ri-star-fill"></i>
                                        <span>4.1</span>
                                    </h6>
                                </div>
                            </a>

                            <div class="feature-content">
                                <a href="restaurant.html">
                                    <h5>زمین، باد و آرد</h5>
                                </a>
                                <h6>مکزیکی، قاره ای</h6>
                                <ul class="time-list">
                                    <li>
                                        <i class="ri-time-line"></i>
                                        <h6>20 دقیقه</h6>
                                    </li>
                                    <li class="dots"></li>
                                    <li>
                                        <i class="ri-map-2-line"></i>
                                        <h6>1.6 کیلومتر</h6>
                                    </li>
                                </ul>
                                <div class="offer-box">
                                    <img src="assets/images/food/icon/3-1.gif" alt="">
                                    40% تخفیف تا 30 تومان
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="feature-box">
                            <a href="restaurant.html" class="feature-head">
                                <img src="assets/images/food/featured/3.jpg" class="img-fluid" alt="">
                                <div class="sale-rate">
                                    <h6 class="rate">
                                        <i class="ri-star-fill"></i>
                                        <span>4.2</span>
                                    </h6>
                                </div>
                            </a>

                            <div class="feature-content">
                                <a href="restaurant.html">
                                    <h5>اینجوری کار کردم</h5>
                                </a>
                                <h6>هند شمالی، چینی</h6>
                                <ul class="time-list">
                                    <li>
                                        <i class="ri-time-line"></i>
                                        <h6>28 دقیقه</h6>
                                    </li>
                                    <li class="dots"></li>
                                    <li>
                                        <i class="ri-map-2-line"></i>
                                        <h6>2 کیلومتر</h6>
                                    </li>
                                </ul>
                                <div class="offer-box">
                                    <img src="assets/images/food/icon/3-1.gif" alt="">
                                    <h6>50% تخفیف تا 20 تومان</h6>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Featured Section End -->

        <!-- Must Try Section Start -->
        <section class="section-t-sm-space feature-section">
            <div class="title-2 px-15">
                <h5>باید غذا را امتحان کنید</h5>
                <a href="shop.html">مشاهده همه</a>
            </div>

            <div class="swiper feature-slider px-15">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="feature-box">
                            <a href="restaurant.html" class="feature-head">
                                <img src="assets/images/food/featured/4.jpg" class="img-fluid" alt="">
                                <div class="sale-rate">
                                    <h6 class="sale">پرفروش ترین</h6>
                                    <h6 class="rate">
                                        <i class="ri-star-fill"></i>
                                        <span>4.1</span>
                                    </h6>
                                </div>
                            </a>

                            <div class="feature-content">
                                <a href="restaurant.html">
                                    <h5>باغ ذن</h5>
                                </a>
                                <h6>چند آشپزی، گریل</h6>
                                <ul class="time-list">
                                    <li>
                                        <i class="ri-time-line"></i>
                                        <h6>28 دقیقه</h6>
                                    </li>
                                    <li class="dots"></li>
                                    <li>
                                        <i class="ri-map-2-line"></i>
                                        <h6>2 کیلومتر</h6>
                                    </li>
                                </ul>
                                <div class="offer-box">
                                    <img src="assets/images/food/icon/3-1.gif" alt="">
                                    <h6>50% تخفیف تا 20 تومان</h6>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="feature-box">
                            <a href="restaurant.html" class="feature-head">
                                <img src="assets/images/food/featured/5.jpg" class="img-fluid" alt="">
                                <div class="sale-rate">
                                    <h6 class="rate">
                                        <i class="ri-star-fill"></i>
                                        <span>4.1</span>
                                    </h6>
                                </div>
                            </a>

                            <div class="feature-content">
                                <a href="restaurant.html">
                                    <h5>یین و خوشمزه</h5>
                                </a>
                                <h6>مکزیکی، قاره ای</h6>
                                <ul class="time-list">
                                    <li>
                                        <i class="ri-time-line"></i>
                                        <h6>20 دقیقه</h6>
                                    </li>
                                    <li class="dots"></li>
                                    <li>
                                        <i class="ri-map-2-line"></i>
                                        <h6>1.6 کیلومتر</h6>
                                    </li>
                                </ul>
                                <div class="offer-box">
                                    <img src="assets/images/food/icon/3-1.gif" alt="">
                                    40% تخفیف تا 30 تومان
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="feature-box">
                            <a href="restaurant.html" class="feature-head">
                                <img src="assets/images/food/featured/6.jpg" class="img-fluid" alt="">
                                <div class="sale-rate">
                                    <h6 class="rate">
                                        <i class="ri-star-fill"></i>
                                        <span>4.2</span>
                                    </h6>
                                </div>
                            </a>

                            <div class="feature-content">
                                <a href="restaurant.html">
                                    <h5>اینجوری کار کردم</h5>
                                </a>
                                <h6>هند شمالی، چینی</h6>
                                <ul class="time-list">
                                    <li>
                                        <i class="ri-time-line"></i>
                                        <h6>28 دقیقه</h6>
                                    </li>
                                    <li class="dots"></li>
                                    <li>
                                        <i class="ri-map-2-line"></i>
                                        <h6>2 کیلومتر</h6>
                                    </li>
                                </ul>
                                <div class="offer-box">
                                    <img src="assets/images/food/icon/3-1.gif" alt="">
                                    <h6>50% تخفیف تا 20 تومان</h6>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Must Try Section End -->

        <!-- Divider Section Start -->
        <div class="pt-4">
            <div class="bottom-space"></div>
        </div>
        <!-- Divider Section End -->

    </div>
    
    <!-- Bootstrap js-->
    <script src="assets/js/vendors/bootstrap/bootstrap.bundle.min.js"></script>

    <!-- swiper js -->
    <script src="assets/js/swiper-bundle.min.js"></script>
    <script src="assets/js/custom_swiper.js"></script>

    <!-- Loader js -->
    <script src="assets/js/loader.js"></script>

    <!-- Theme js-->
    <script src="assets/js/script.js"></script>

    <!-- Theme Settings js-->
    <script src="assets/js/theme-setting.js"></script>

    <!-- Load Page Data -->
    <script>
        let responseData = null;

        document.addEventListener('DOMContentLoaded', async function () {
            const loadingElement = document.getElementById('loading');
            const errorMessageElement = document.getElementById('error-message');
            const contentElement = document.getElementById('content');
            loadingElement.style.display = 'block';
            loadingElement.innerHTML = 'در حال بارگزاری...';

            try {
                const input_data = JSON.parse(window.Kodular.getWebViewString());
                const base_url = input_data.base_url;
                const access_token = input_data.access_token;

                const response = await fetch(base_url, {
                    method: 'GET',
                    headers: {
                        'Authorization': 'Bearer ' + access_token
                    }
                });

                if (response.ok) {
                    responseData = await response.json();
                    loadingElement.style.display = 'none';
                    errorMessageElement.style.display = 'none';
                    contentElement.style.display = 'block';
                    handleResponseData();
                } else {
                    errorMessageElement.innerHTML = 'خطایی رخ داده است <br>' + response.status.toString() + '<br><br>' + '<button id="back_to_start_page" class="btn btn-food view-cart-button" onclick="">بازگشت به صفحه اول<i class="ri-arrow-left-line"></i></button>';
                    throw new Error('Network response was not ok');
                }
                
            } catch (error) {
                loadingElement.style.display = 'none';
                errorMessageElement.style.display = 'block';
                console.error(error);
            }
        });

        function handleResponseData() {
            if (responseData) {
                
                console.log(responseData.data.home_page.defult_address.title);
                document.getElementById('defult_address_title').textContent = responseData.data.home_page.defult_address.title;

               
            } else {
                console.log('No data available');
            }
        }
    </script>

</body>


</html>