Sheva77
/
homework


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
							<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>14_krutilki_RGB</title>
        <link rel="stylesheet" href="./14_krutilki_rgb.css" />
    </head>
    <body>
        <div class="container">
            <video id="myaudio" controls="" loop="" autoplay="" muted>
                <source src="./metallica_-_metallika_nothing_else_matters_(zf.fm).mp3" type="audio/mp3" />
                Тег audio не поддерживается вашим браузером.
            </video>
            <div id="volume"></div>
            <input type="range" max="1" step="0.01" id="volumeLevel" placeholder="asd" />
        </div>
        <div class="container">
            <div id="rgbDiv"></div>
            <div>
                <div id="redDiv"></div>
                <input
                    type="number"
                    min="0"
                    max="255"
                    id="redLevel"
                    placeholder="red"
                    style="border: 2px solid red; background: rgb(255, 150, 150)"
                />
                <div id="redGradient" class="gradient" style="border: 2px solid red; background: rgb(255, 0, 0)"></div>
            </div>
            <div>
                <div id="greenDiv"></div>
                <input
                    type="number"
                    min="0"
                    max="255"
                    id="greenLevel"
                    placeholder="green"
                    style="border: 2px solid green; background: rgb(150, 255, 150)"
                />
                <div
                    id="greenGradient"
                    class="gradient"
                    style="border: 2px solid green; background: rgb(0, 255, 0)"
                ></div>
            </div>
            <div>
                <div id="blueDiv"></div>
                <input
                    type="number"
                    min="0"
                    max="255"
                    id="blueLevel"
                    placeholder="blue"
                    style="border: 2px solid blue; background: rgb(150, 150, 255)"
                />
                <div
                    id="blueGradient"
                    class="gradient"
                    style="border: 2px solid blue; background: rgb(0, 0, 255)"
                ></div>
            </div>
        </div>

        <script src="./14_krutilki_RGB.js"></script>
    </body>
</html>