{"id":9869,"date":"2024-11-26T09:56:09","date_gmt":"2024-11-26T16:56:09","guid":{"rendered":"https:\/\/wallaishi.com\/?p=9869"},"modified":"2024-11-26T10:40:06","modified_gmt":"2024-11-26T17:40:06","slug":"%d7%9e%d7%97%d7%a9%d7%91%d7%95%d7%9f-%d7%aa%d7%90%d7%a8%d7%99%d7%9b%d7%99%d7%9d-%d7%91%d7%99%d7%9f-%d7%99%d7%9e%d7%99%d7%9d","status":"publish","type":"post","link":"https:\/\/wallaishi.com\/?p=9869","title":{"rendered":"\u05de\u05d7\u05e9\u05d1\u05d5\u05df \u05ea\u05d0\u05e8\u05d9\u05db\u05d9\u05dd \u05d1\u05d9\u05df \u05d9\u05de\u05d9\u05dd"},"content":{"rendered":"\n<!DOCTYPE html>\n<html dir=\"rtl\" lang=\"he\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u05de\u05d7\u05e9\u05d1\u05d5\u05df \u05d4\u05e4\u05e8\u05e9 \u05ea\u05d0\u05e8\u05d9\u05db\u05d9\u05dd<\/title>\n    <style>\n        * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        body {\n            font-family: Arial, sans-serif;\n            background-color: #f5f5f5;\n            padding: 15px;\n            min-height: 100vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .container {\n            background-color: white;\n            padding: clamp(15px, 5vw, 30px);\n            border-radius: 10px;\n            box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n            width: min(100%, 600px);\n        }\n\n        h1 {\n            color: #2c3e50;\n            text-align: center;\n            margin-bottom: clamp(20px, 4vw, 30px);\n            font-size: clamp(1.5rem, 4vw, 2rem);\n            word-wrap: break-word;\n        }\n\n        .form-group {\n            margin-bottom: clamp(15px, 3vw, 20px);\n        }\n\n        label {\n            display: block;\n            margin-bottom: 5px;\n            color: #34495e;\n            font-size: clamp(0.9rem, 2.5vw, 1rem);\n        }\n\n        .checkbox-group {\n            display: flex;\n            align-items: center;\n            margin-bottom: 15px;\n            cursor: pointer;\n            user-select: none;\n        }\n\n        .checkbox-group input[type=\"checkbox\"] {\n            margin-left: 8px;\n            width: 18px;\n            height: 18px;\n            cursor: pointer;\n        }\n\n        .checkbox-group label {\n            margin-bottom: 0;\n            cursor: pointer;\n        }\n\n        input[type=\"date\"] {\n            width: 100%;\n            padding: clamp(8px, 2vw, 12px);\n            border: 1px solid #ddd;\n            border-radius: 4px;\n            margin-bottom: 10px;\n            font-size: clamp(0.9rem, 2.5vw, 1rem);\n        }\n\n        button {\n            background: linear-gradient(45deg, #2196F3, #00BCD4, #4CAF50);\n            background-size: 200% auto;\n            color: white;\n            padding: clamp(10px, 3vw, 15px) clamp(20px, 4vw, 30px);\n            border: none;\n            border-radius: 25px;\n            cursor: pointer;\n            width: 100%;\n            font-size: clamp(1rem, 2.5vw, 1.2rem);\n            font-weight: bold;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n            position: relative;\n            overflow: hidden;\n        }\n\n        @media (hover: hover) {\n            button:hover {\n                background-position: right center;\n                transform: translateY(-2px);\n                box-shadow: 0 6px 20px rgba(0,0,0,0.25);\n            }\n\n            button:hover::after {\n                opacity: 1;\n                transform: rotate(45deg) translate(50%, 50%);\n            }\n        }\n\n        button:active {\n            transform: translateY(1px);\n            box-shadow: 0 2px 10px rgba(0,0,0,0.2);\n        }\n\n        button::after {\n            content: '';\n            position: absolute;\n            top: -50%;\n            left: -50%;\n            width: 200%;\n            height: 200%;\n            background: rgba(255,255,255,0.1);\n            transform: rotate(45deg);\n            transition: all 0.3s ease;\n            opacity: 0;\n        }\n\n        #result {\n            margin-top: clamp(15px, 3vw, 20px);\n            padding: clamp(10px, 3vw, 15px);\n            border-radius: 4px;\n            text-align: center;\n            font-size: clamp(0.9rem, 2.5vw, 1.1rem);\n            background-color: #eee;\n            display: none;\n            word-wrap: break-word;\n        }\n\n        .quote {\n            margin-top: 15px;\n            font-style: italic;\n            color: #666;\n            font-size: clamp(0.8rem, 2vw, 0.9rem);\n            text-align: center;\n        }\n\n        @media screen and (max-width: 350px) {\n            body {\n                padding: 10px;\n            }\n            \n            .container {\n                padding: 10px;\n            }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            button {\n                transition: none;\n            }\n            \n            button::after {\n                display: none;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\">\n        <h1>\u05de\u05d7\u05e9\u05d1\u05d5\u05df \u05d4\u05e4\u05e8\u05e9 \u05ea\u05d0\u05e8\u05d9\u05db\u05d9\u05dd<\/h1>\n        <div class=\"form-group\">\n            <label for=\"startDate\">\u05ea\u05d0\u05e8\u05d9\u05da \u05d4\u05ea\u05d7\u05dc\u05d4:<\/label>\n            <input type=\"date\" id=\"startDate\" required>\n        <\/div>\n        <div class=\"form-group\">\n            <label for=\"endDate\">\u05ea\u05d0\u05e8\u05d9\u05da \u05e1\u05d9\u05d5\u05dd:<\/label>\n            <input type=\"date\" id=\"endDate\" required>\n        <\/div>\n        <div class=\"checkbox-group\">\n            <input type=\"checkbox\" id=\"includeLastDay\" checked>\n            <label for=\"includeLastDay\">\u05db\u05dc\u05d5\u05dc \u05d0\u05ea \u05d9\u05d5\u05dd \u05d4\u05e1\u05d9\u05d5\u05dd \u05d1\u05d7\u05d9\u05e9\u05d5\u05d1<\/label>\n        <\/div>\n        <button onclick=\"calculateDays()\">\u05d7\u05e9\u05d1 \u05d4\u05e4\u05e8\u05e9<\/button>\n        <div id=\"result\"><\/div>\n    <\/div>\n\n    <script>\n        const quotes = [\n            \"\u05d4\u05d6\u05de\u05df \u05d4\u05d5\u05d0 \u05d4\u05de\u05d8\u05d1\u05e2 \u05d4\u05d9\u05e7\u05e8 \u05d1\u05d9\u05d5\u05ea\u05e8 \u05e9\u05dc\u05e0\u05d5\",\n            \"\u05db\u05dc \u05e8\u05d2\u05e2 \u05d4\u05d5\u05d0 \u05d4\u05d6\u05d3\u05de\u05e0\u05d5\u05ea \u05dc\u05d4\u05ea\u05d7\u05d9\u05dc \u05de\u05d7\u05d3\u05e9\",\n            \"\u05d4\u05e2\u05ea\u05d9\u05d3 \u05e9\u05d9\u05d9\u05da \u05dc\u05d0\u05dc\u05d4 \u05e9\u05de\u05d0\u05de\u05d9\u05e0\u05d9\u05dd \u05d1\u05d9\u05d5\u05e4\u05d9 \u05e9\u05dc \u05d4\u05d7\u05dc\u05d5\u05de\u05d5\u05ea \u05e9\u05dc\u05d4\u05dd\",\n            \"\u05d4\u05d3\u05e8\u05da \u05d4\u05d8\u05d5\u05d1\u05d4 \u05d1\u05d9\u05d5\u05ea\u05e8 \u05dc\u05e0\u05d1\u05d0 \u05d0\u05ea \u05d4\u05e2\u05ea\u05d9\u05d3 \u05d4\u05d9\u05d0 \u05dc\u05d9\u05e6\u05d5\u05e8 \u05d0\u05d5\u05ea\u05d5\",\n            \"\u05d0\u05dc \u05ea\u05d3\u05d7\u05d4 \u05dc\u05de\u05d7\u05e8 \u05d0\u05ea \u05de\u05d4 \u05e9\u05d0\u05ea\u05d4 \u05d9\u05db\u05d5\u05dc \u05dc\u05e2\u05e9\u05d5\u05ea \u05d4\u05d9\u05d5\u05dd\",\n            \"\u05d4\u05d6\u05de\u05df \u05e9\u05d7\u05d5\u05dc\u05e3 \u05dc\u05e2\u05d5\u05dc\u05dd \u05d0\u05d9\u05e0\u05d5 \u05d7\u05d5\u05d6\u05e8, \u05d0\u05da \u05d4\u05d6\u05db\u05e8\u05d5\u05e0\u05d5\u05ea \u05e0\u05e9\u05d0\u05e8\u05d9\u05dd \u05dc\u05e0\u05e6\u05d7\",\n            \"\u05db\u05dc \u05d9\u05d5\u05dd \u05d4\u05d5\u05d0 \u05d3\u05e3 \u05d7\u05d3\u05e9 \u05d1\u05e1\u05d9\u05e4\u05d5\u05e8 \u05d7\u05d9\u05d9\u05da\",\n            \"\u05d4\u05d6\u05de\u05df \u05d4\u05d5\u05d0 \u05d4\u05de\u05d5\u05e8\u05d4 \u05d4\u05d8\u05d5\u05d1 \u05d1\u05d9\u05d5\u05ea\u05e8, \u05d0\u05da \u05dc\u05e6\u05e2\u05e8\u05e0\u05d5 \u05d4\u05d5\u05d0 \u05d4\u05d5\u05e8\u05d2 \u05d0\u05ea \u05db\u05dc \u05ea\u05dc\u05de\u05d9\u05d3\u05d9\u05d5\",\n            \"\u05d4\u05d7\u05d9\u05d9\u05dd \u05d4\u05dd \u05dc\u05d0 \u05d4\u05d9\u05de\u05d9\u05dd \u05e9\u05d7\u05dc\u05e4\u05d5, \u05d0\u05dc\u05d0 \u05d4\u05d9\u05de\u05d9\u05dd \u05e9\u05d6\u05db\u05e8\u05e0\u05d5\",\n            \"\u05ea\u05de\u05d9\u05d3 \u05d9\u05e9 \u05d6\u05de\u05df \u05dc\u05e2\u05e9\u05d5\u05ea \u05d0\u05ea \u05de\u05d4 \u05e9\u05d0\u05ea\u05d4 \u05d1\u05d0\u05de\u05ea \u05e8\u05d5\u05e6\u05d4\"\n        ];\n\n        function getRandomQuote() {\n            return quotes[Math.floor(Math.random() * quotes.length)];\n        }\n\n        function calculateDays() {\n            const startDate = new Date(document.getElementById('startDate').value);\n            const endDate = new Date(document.getElementById('endDate').value);\n            const includeLastDay = document.getElementById('includeLastDay').checked;\n            \n            if (isNaN(startDate.getTime()) || isNaN(endDate.getTime())) {\n                alert('\u05d0\u05e0\u05d0 \u05d4\u05d6\u05df \u05ea\u05d0\u05e8\u05d9\u05db\u05d9\u05dd \u05ea\u05e7\u05d9\u05e0\u05d9\u05dd');\n                return;\n            }\n\n            let timeDiff = endDate - startDate;\n            let daysDiff = Math.floor(timeDiff \/ (1000 * 60 * 60 * 24));\n            \n            \/\/ \u05d0\u05dd \u05e0\u05d1\u05d7\u05e8 \u05dc\u05db\u05dc\u05d5\u05dc \u05d0\u05ea \u05d4\u05d9\u05d5\u05dd \u05d4\u05d0\u05d7\u05e8\u05d5\u05df, \u05e0\u05d5\u05e1\u05d9\u05e3 \u05d9\u05d5\u05dd \u05d0\u05d7\u05d3 \u05dc\u05ea\u05d5\u05e6\u05d0\u05d4\n            if (includeLastDay) {\n                daysDiff += 1;\n            }\n            \n            const resultElement = document.getElementById('result');\n            resultElement.style.display = 'block';\n            \n            if (daysDiff < 0) {\n                resultElement.style.backgroundColor = '#ffe6e6';\n                resultElement.innerHTML = '\u05e9\u05d2\u05d9\u05d0\u05d4: \u05ea\u05d0\u05e8\u05d9\u05da \u05d4\u05d4\u05ea\u05d7\u05dc\u05d4 \u05de\u05d0\u05d5\u05d7\u05e8 \u05de\u05ea\u05d0\u05e8\u05d9\u05da \u05d4\u05e1\u05d9\u05d5\u05dd';\n            } else {\n                resultElement.style.backgroundColor = '#e6ffe6';\n                resultElement.innerHTML = `\n                    \u05d4\u05d4\u05e4\u05e8\u05e9 \u05d4\u05d5\u05d0 ${daysDiff} \u05d9\u05de\u05d9\u05dd\n                    <div class=\"quote\">${getRandomQuote()}<\/div>\n                `;\n            }\n        }\n\n        \/\/ \u05d4\u05d2\u05d3\u05e8\u05ea \u05ea\u05d0\u05e8\u05d9\u05da \u05d1\u05e8\u05d9\u05e8\u05ea \u05de\u05d7\u05d3\u05dc \u05dc\u05d4\u05d9\u05d5\u05dd\n        const today = new Date().toISOString().split('T')[0];\n        document.getElementById('startDate').value = today;\n        document.getElementById('endDate').value = today;\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u05de\u05d7\u05e9\u05d1\u05d5\u05df \u05d4\u05e4\u05e8\u05e9 \u05ea\u05d0\u05e8\u05d9\u05db\u05d9\u05dd \u05de\u05d7\u05e9\u05d1\u05d5\u05df \u05d4\u05e4\u05e8\u05e9 \u05ea\u05d0\u05e8\u05d9\u05db\u05d9\u05dd \u05ea\u05d0\u05e8\u05d9\u05da \u05d4\u05ea\u05d7\u05dc\u05d4: \u05ea\u05d0\u05e8\u05d9\u05da \u05e1\u05d9\u05d5\u05dd: \u05db\u05dc\u05d5\u05dc \u05d0\u05ea \u05d9\u05d5\u05dd \u05d4\u05e1\u05d9\u05d5\u05dd \u05d1\u05d7\u05d9\u05e9\u05d5\u05d1 \u05d7\u05e9\u05d1 \u05d4\u05e4\u05e8\u05e9<\/p>\n","protected":false},"author":20,"featured_media":9872,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[384],"class_list":["post-9869","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-8","tag-384"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/wallaishi.com\/index.php?rest_route=\/wp\/v2\/posts\/9869","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wallaishi.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wallaishi.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wallaishi.com\/index.php?rest_route=\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/wallaishi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9869"}],"version-history":[{"count":2,"href":"https:\/\/wallaishi.com\/index.php?rest_route=\/wp\/v2\/posts\/9869\/revisions"}],"predecessor-version":[{"id":9874,"href":"https:\/\/wallaishi.com\/index.php?rest_route=\/wp\/v2\/posts\/9869\/revisions\/9874"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wallaishi.com\/index.php?rest_route=\/wp\/v2\/media\/9872"}],"wp:attachment":[{"href":"https:\/\/wallaishi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9869"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wallaishi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=9869"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wallaishi.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=9869"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}