نرگس
1 ماه پیش توسط نرگس مطرح شد
5 پاسخ

جاوا اسکریپت

برنامه ای بنویسید ک یک مربع در صحفه ترسیم و از کاربر سه عدد دریافت کند در صورتی که کاربر عدد منفی وارد کند عدد را صفر و اگر بزرگتر از ۲۵۵ وارد کند عدد را ۲۵۵ بگیرد و رنگ مربع از ترکیب این سه رنگ ایجاد شود


ثبت پرسش جدید
Armia Armia
@armiaevil 4 هفته پیش مطرح شد
0
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Colorful Square</title>
    <style>
        #square {
            width: 200px;
            height: 200px;
            margin-top: 20px;
            border: 1px solid #000;
        }
    </style>
</head>
<body>
    <h2>Enter RGB Values</h2>
    <label for="red">Red (0-255):</label>
    <input type="number" id="red" min="0" max="255"><br><br>
    <label for="green">Green (0-255):</label>
    <input type="number" id="green" min="0" max="255"><br><br>
    <label for="blue">Blue (0-255):</label>
    <input type="number" id="blue" min="0" max="255"><br><br>
    <button onclick="changeColor()">Change Color</button>

    <div id="square"></div>

    <script>
        function clampValue(value) {
            if (value < 0) return 0;
            if (value > 255) return 255;
            return value;
        }

        function changeColor() {
            // دریافت مقادیر ورودی کاربر
            let red = parseInt(document.getElementById('red').value);
            let green = parseInt(document.getElementById('green').value);
            let blue = parseInt(document.getElementById('blue').value);

            // اصلاح مقادیر خارج از محدوده
            red = clampValue(red);
            green = clampValue(green);
            blue = clampValue(blue);

            // تغییر رنگ مربع
            const square = document.getElementById('square');
            square.style.backgroundColor = `rgb(${red}, ${green}, ${blue})`;
        }
    </script>
</body>
</html>

Alireza
تخصص : فرانت اند کار متوسط
@Alireza1013 1 ماه پیش آپدیت شد
0

سلام خانم نرگس خسته نباشید.
این کاری که گفتید انجام شد
و اگر می خواید سورس کد رو براتون بفرستم ولی اینجا نمیشه
چون حجم html و Js زیاد هستش
کجا برای شما ارسال کنم؟
با تشکر


طاها
تخصص : در حال یادگیری زبان های Html &...
@Tahadev 4 هفته پیش مطرح شد
0

خیلی باهوشی کلک . آ


Armia Armia
@armiaevil 4 هفته پیش مطرح شد
0
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Colorful Square</title>
    <style>
        #square {
            width: 200px;
            height: 200px;
            margin-top: 20px;
            border: 1px solid #000;
        }
    </style>
</head>
<body>
    <h2>Enter RGB Values</h2>
    <label for="red">Red (0-255):</label>
    <input type="number" id="red" min="0" max="255"><br><br>
    <label for="green">Green (0-255):</label>
    <input type="number" id="green" min="0" max="255"><br><br>
    <label for="blue">Blue (0-255):</label>
    <input type="number" id="blue" min="0" max="255"><br><br>
    <button onclick="changeColor()">Change Color</button>

    <div id="square"></div>

    <script>
        function clampValue(value) {
            if (value < 0) return 0;
            if (value > 255) return 255;
            return value;
        }

        function changeColor() {
            // دریافت مقادیر ورودی کاربر
            let red = parseInt(document.getElementById('red').value);
            let green = parseInt(document.getElementById('green').value);
            let blue = parseInt(document.getElementById('blue').value);

            // اصلاح مقادیر خارج از محدوده
            red = clampValue(red);
            green = clampValue(green);
            blue = clampValue(blue);

            // تغییر رنگ مربع
            const square = document.getElementById('square');
            square.style.backgroundColor = `rgb(${red}, ${green}, ${blue})`;
        }
    </script>
</body>
</html>

نرگس
@Herams 4 هفته پیش مطرح شد
0

ممنونم کارم انجام شد،
کد ها هم طولانی نمیشن برنامه بسیار ساده است


Alireza
تخصص : فرانت اند کار متوسط
@Alireza1013 4 هفته پیش مطرح شد
0

واقعیتش من فکر کردم خیلی مینی پروژه تمیز می خواید و 60 درصد توانم رو گذاشتم و تمیز در اوردم با بوت استرپ و جاوا اسکریپت و ... حالا که کارتون حل شد پس بیخیال
با تشکر
مینی پروژه جذابی بود


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام