בקשת מידע | AI אופליין

המלאך

@א.מ.ד. וואו.הקוד הזה יותר מהקוד הראשון השני ושל @חובבן-מקצועי ביחד!
דרך אגב, של @חובבן-מקצועי יותר טוב משל @css-0

חובבן מקצועי

@CSS-0 אתה בטוח שניסית את gemma 4?
(שלח לי בפרטי קישור למה שהורדת)

CSS 0

@המלאך לא הקוד הזה לא יותר משל @חובבן-מקצועי !

CSS 0

@חובבן-מקצועי כתב בבקשת מידע | AI אופליין:

לא אני ניסיתי את gemma3:4b
כתבתי את זה דיי מפורש..

המלאך

@CSS-0 בדקת?
יש בו תמיכה במקלדת, מחיקה, ומבנה יותר הגיוני של CSS, וזה במבט שטחי.
אם כי בהסתכלות שניה הקודם היה טוב יותר באופורטורים.

CSS 0

@המלאך לא יודע מבחינת עיצוב זה הרבה יותר טוב לא עברתי על הקודים...

המלאך

@CSS-0 ממש לא נכון.
באיזה מחשבון היית משתמש ביום יום? בשל קוואן שמסודר מבחינה וויזאולית או בקודם? שמיועד להקרנות .

ברור שתגיד הקודם. אבל ברצינות אתה חושב כך? בוא נפתח סקר בפורום סבבה?

CSS 0

@המלאך בקודם...

א.מ.ד.

@CSS-0 תנסה לבקש מ-GEMMA 3 את הפרומפט באנגלית. אם זה מה שיצא לך בעברית מסתבר שבאנגלית ייצא יותר טוב.
יצרתי פרומפט מדוייק באנגלית, תדביק אותו ל-GEMMA 3 ותעלה פה את הקוד, נראה מה יצא. (עדיף שתעשה את זה בצ'אט חדש שלא ייתבלבל):

Create for me a fully functional calculator HTML file, with a beautiful and up-to-date design with rounded corners. Add a hidden function in the code, so that when you double-click the division key, today's date will be written in the result line. Pay attention to the order of the buttons, so that it looks like a calculator,

CSS 0

@א.מ.ד. יקח קצת זמן..
הוא משום מה עושה לי את זה בשלושה קבצים נפרדים במקום ב HTML יחיד...

א.מ.ד.

@CSS-0 בסדר רק תשים אותם באותה תיקייה.
או שתעשה יצירה מחדש.

אני בינתיים ביקשתי מ-QWEN שיתקן את הבעיות בקוד הקודם.

חובבן מקצועי

@המלאך כתב בבקשת מידע | AI אופליין:

באיזה מחשבון היית משתמש ביום יום? בשל קוואן שמסודר מבחינה וויזאולית או בקודם? שמיועד להקרנות .

טוב, הוא עשה לי אותו כזה, כי ביקשתי.
סתם מחשבון - הוא יצר לי את זה ככה..

<!DOCTYPE html>
<html lang="he" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>מחשבון פשוט</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background-color: #f4f4f4;
            font-family: 'Arial', sans-serif;
        }

        .calculator {
            background-color: #333;
            border-radius: 10px;
            padding: 20px;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
        }

        .display {
            background-color: #222;
            color: white;
            font-size: 2.5em;
            padding: 15px;
            margin-bottom: 20px;
            text-align: right;
            border-radius: 5px;
            height: 50px;
            overflow: hidden;
            white-space: nowrap;
        }

        .buttons {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 10px;
        }

        button {
            padding: 20px;
            font-size: 1.2em;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.2s;
        }

        button:hover {
            opacity: 0.9;
        }

        .number-button {
            background-color: #555;
            color: white;
        }

        .operator-button {
            background-color: #ff9500;
            color: white;
        }

        .clear-button {
            background-color: #d9534f;
            color: white;
        }

        .equals-button {
            background-color: #4CAF50;
            color: white;
            grid-column: span 2; /* Makes the equals button wider */
        }
    </style>
</head>
<body>

    <div class="calculator">
        <div class="display" id="display">0</div>
        <div class="buttons">
            
            <!-- Row 1 -->
            <button class="clear-button" onclick="clearDisplay()">AC</button>
            <button class="operator-button" onclick="appendOperator('/')">/</button>
            <button class="operator-button" onclick="appendOperator('*')">x</button>
            <button class="operator-button" onclick="appendOperator('-')">-</button>
            
            <!-- Row 2 -->
            <button class="number-button" onclick="appendDigit('7')">7</button>
            <button class="number-button" onclick="appendDigit('8')">8</button>
            <button class="number-button" onclick="appendDigit('9')">9</button>
            <button class="operator-button" onclick="appendOperator('+')">+</button>
            
            <!-- Row 3 -->
            <button class="number-button" onclick="appendDigit('4')">4</button>
            <button class="number-button" onclick="appendDigit('5')">5</button>
            <button class="number-button" onclick="appendDigit('6')">6</button>
            
            <!-- Row 4 -->
            <button class="number-button" onclick="appendDigit('1')">1</button>
            <button class="number-button" onclick="appendDigit('2')">2</button>
            <button class="number-button" onclick="appendDigit('3')">3</button>
            
            <!-- Row 5 -->
            <button class="number-button" onclick="appendDigit('0')">0</button>
            <button class="number-button" onclick="appendDecimal()">.</button>
            <button class="equals-button" onclick="calculateResult()">=</button>
        </div>
    </div>

    <script>
        const display = document.getElementById('display');
        let currentInput = '';

        // Function to append a digit to the display
        function appendDigit(digit) {
            if (currentInput === '0' && digit !== '.') {
                currentInput = digit;
            } else {
                currentInput += digit;
            }
            display.textContent = currentInput;
        }

        // Function to handle operators (+, -, *, /)
        function appendOperator(operator) {
            // Simple check to prevent multiple operators in a row (basic logic)
            if (currentInput.slice(-1).match(/[+\-*/]/)) {
                currentInput = currentInput.slice(0, -1) + operator;
            } else {
                currentInput += operator;
            }
            display.textContent = currentInput;
        }

        // Function to handle decimal point
        function appendDecimal() {
            if (!currentInput.includes('.')) {
                currentInput += '.';
                display.textContent = currentInput;
            }
        }

        // Function to clear the display
        function clearDisplay() {
            currentInput = '';
            display.textContent = '0';
        }

        // Function to calculate the result
        function calculateResult() {
            try {
                // eval() is powerful but should be used carefully. 
                // For a simple calculator, it suffices.
                let result = eval(currentInput);
                
                // Display the result and reset the input for the next calculation
                display.textContent = result;
                currentInput = String(result); 

            } catch (e) {
                display.textContent = 'Error';
                currentInput = '';
            }
        }
    </script>
</body>
</html>

המלאך

@חובבן-מקצועי זה יותר טוב מבחינת עיצוב פשוט אבל בלי פונקציות..
וגם אין התאמה למובייל - לדברי ג'מיני, כי כבר אין לי כח לקרוא קודים היום.

CSS 0

@א.מ.ד. היי הוא עשה את זה מדוייק כמו שלך...
מחשבון.zip
הכפתורים לא במיקום שלהם...

א.מ.ד.

@CSS-0 איזה מוזר, איך שניהם הגיעו לאותה טעות בקוד, עם אותו עיצוב? הבאת לו את הקוד שלי? באנגלית?

CSS 0

@א.מ.ד. הבאתי לו את הפורמט שאמרת לי להביא לו...

א.מ.ד.

@CSS-0 מוזר.. תנסה שוב בצ'אט חדש עם הפרומפט הנ"ל

CSS 0

@א.מ.ד. יקח קצת זמן... (שיניתי קצת מהפורמט כדי שיעשה את זה HTML יחיד אז זה הפורמט שהכנסתי לו:

Create a fully functional calculator HTML file for me, with a beautiful and up-to-date design with rounded corners. Keep the design clean and tidy, similar to Material Design. Pay attention to the arrangement of the buttons, so that it looks like a real calculator, and do everything in a single HTML that contains the css html and js, make a very modern and cool design.

CSS 0

הוא מתעקש לעשות את זה בקבצים שונים...

CSS 0

@א.מ.ד. הוא עשה עכשיו כפתורים תקינים וקוד יחסית תקין, רק שהעיצוב נוראי..

מחשבון 2.zip