{"id":15819,"date":"2025-01-07T11:53:46","date_gmt":"2025-01-07T09:53:46","guid":{"rendered":"https:\/\/www.beseit.net\/?p=15819"},"modified":"2025-10-27T18:53:42","modified_gmt":"2025-10-27T16:53:42","slug":"caixa-comodi","status":"publish","type":"post","link":"https:\/\/www.beseit.net\/?p=15819","title":{"rendered":"Caixa comod\u00ed HTML"},"content":{"rendered":"<p><iframe loading=\"lazy\" src=\"https:\/\/www.beseit.net\/comodi\" width=\"400\" height=\"600\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n\n\n<pre class=\"wp-block-code\"><code><\/code><\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;pre class=\"wp-block-code\">&lt;code>&amp;lt;!DOCTYPE html>\n&amp;lt;html lang=\"ca\">\n&amp;lt;head>\n    &amp;lt;meta charset=\"UTF-8\">\n    &amp;lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    &amp;lt;title>Caixa Comod\u00ed&amp;lt;\/title>\n    &amp;lt;link rel=\"icon\" href=\"calculadora.ico\" type=\"image\/x-icon\">\n    &amp;lt;style>\n        body {\n            font-family: Arial, sans-serif;\n            margin: 0;\n            padding: 0;\n            display: flex;\n            justify-content: center;\n            align-items: flex-start;\n            background-color: rgb(213, 225, 225);\n            \/*background-color: #f0f0f0; *\/\n            height: 100vh;\n        }\n        .container {\n            background-color: rgb(213, 225, 225); \/* blabet *\/\n            padding: 20px;\n            border-radius: 10px;\n            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n            max-width: 440px; \/* Allargada un 10% *\/\n            width: 100%;\n            height: 60%; \/* Ocupa el 60% de l'al\u00e7ada de la pantalla *\/\n            margin-top: 30px; \/* 30 p\u00edxels de dist\u00e0ncia des de la part superior *\/\n            box-sizing: border-box;\n        }\n        h1 {\n            text-align: center;\n            color: #333;\n        }\n        label {\n            display: block;\n            margin-bottom: 5px;\n            color: #555;\n        }\n        input&amp;#91;type=\"text\"], select, textarea {\n            width: 100%;\n            padding: 10px;\n            margin-bottom: 10px;\n            border: 1px solid #ccc;\n            border-radius: 5px;\n            font-size: 1.2em; \/* Mida de lletra m\u00e9s petita *\/\n        }\n        textarea {\n            resize: vertical; \/* Permet redimensionar verticalment *\/\n            overflow-y: scroll; \/* Afegeix una barra de despla\u00e7ament vertical *\/\n            maxlength: 500; \/* Limita l'entrada a 500 car\u00e0cters *\/\n        }\n        .button-container {\n            display: flex;\n            justify-content: space-between;\n        }\n        button {\n            width: 22%; \/* Ocupa el 22% de l'ample *\/\n            padding: 10px;\n            margin-top: 10px;\n            background-color: #007bff;\n            border: none;\n            border-radius: 5px;\n            color: #fff;\n            font-size: 24px; \/* Mida de lletra m\u00e9s gran *\/\n            font-weight: bold; \/* Text en negreta *\/\n            cursor: pointer;\n        }\n        button:hover {\n            background-color: #0056b3;\n        }\n        #resultat {\n            color: blue;\n            font-weight: bold;\n            font-size: 1.5em;\n            text-align: center;\n            margin-top: 10px;\n        }\n        .input-group {\n            display: flex;\n            align-items: center;\n            margin-bottom: 10px;\n        }\n        .input-group label {\n            margin-right: 10px;\n        }\n    &amp;lt;\/style>\n    &amp;lt;script>\n        function calcular(operacio) {\n            var num1 = parseFloat(document.getElementById('num1').value) || 0;\n            var num2 = parseFloat(document.getElementById('num2').value) || 0;\n            var resultat;\n            switch (operacio) {\n                case '+':\n                    resultat = num1 + num2;\n                    break;\n                case '-':\n                    resultat = num1 - num2;\n                    break;\n                case '*':\n                    resultat = num1 * num2;\n                    break;\n                case '\/':\n                    resultat = num2 !== 0 ? num1 \/ num2 : 'Error: Divisi\u00f3 per zero';\n                    break;\n            }\n            document.getElementById('num1').value = resultat;\n            document.getElementById('num2').value = '';\n            document.getElementById('resultat').textContent = 'Resultat: ' + resultat;\n        }\n    &amp;lt;\/script>\n&amp;lt;\/head>\n&amp;lt;body>\n    &amp;lt;div class=\"container\">\n        &amp;lt;h1>Caixa Comod\u00ed&amp;lt;\/h1>\n        &amp;lt;form onsubmit=\"return false;\">\n            &amp;lt;div class=\"input-group\">\n                &amp;lt;label for=\"num1\">A:&amp;lt;\/label>\n                &amp;lt;input type=\"text\" id=\"num1\" name=\"num1\">\n            &amp;lt;\/div>\n            &amp;lt;div class=\"input-group\">\n                &amp;lt;label for=\"num2\">B:&amp;lt;\/label>\n                &amp;lt;textarea id=\"num2\" name=\"num2\" rows=\"12\" maxlength=\"500\">&amp;lt;\/textarea>\n            &amp;lt;\/div>\n            &amp;lt;div class=\"button-container\">\n                &amp;lt;button type=\"button\" onclick=\"calcular('+')\">+&amp;lt;\/button>\n                &amp;lt;button type=\"button\" onclick=\"calcular('-')\">-&amp;lt;\/button>\n                &amp;lt;button type=\"button\" onclick=\"calcular('*')\">x&amp;lt;\/button>\n                &amp;lt;button type=\"button\" onclick=\"calcular('\/')\">\/&amp;lt;\/button>\n            &amp;lt;\/div>\n        &amp;lt;\/form>\n        &amp;lt;p id=\"resultat\">&amp;lt;\/p>\n    &amp;lt;\/div>\n&amp;lt;\/body>\n&amp;lt;\/html>\n&lt;\/code>&lt;\/pre>\n&lt;!-- \/wp:code --><\/pre>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":8179,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-15819","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bloc-de-notes"],"_links":{"self":[{"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/posts\/15819","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15819"}],"version-history":[{"count":20,"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/posts\/15819\/revisions"}],"predecessor-version":[{"id":16988,"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/posts\/15819\/revisions\/16988"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/media\/8179"}],"wp:attachment":[{"href":"https:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15819"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=15819"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=15819"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}