Name: Code Review: Caroline's Solo Project - Color Scheme
Uploaded: 2023-10-14T14:27:25.447Z
Duration: 8 min 30 s
Description: Code Review: Caroline's Solo Project - Color Scheme

scrimba

Watch in fullscreen

Code Review: Caroline's Solo Project - Color Scheme

by Gina Russo

About

Comments

Notes

Code Review: Caroline's Solo Project - Color Scheme

by Gina Russo

Expand for more info

index.html

run

preview

console

<html>
    <head>
        <link rel="stylesheet" href="styles.css">
        <script src="index.pack.js"></script>
    </head>
    <body>
        <form>
            <input id="color-hex" type="color" value="#DE606F">
            <select id="select-mode">
                <option value="" disabled selected>Select Options</option>
            </select>
            <input id="color-count" type="number" value="6">
            <button id="get-color-btn">GET COLOR SCHEME</button>
        </form>
        <div id="intro">
            <h1>COLOR SCHEME</h1>
            <div id="intro-instructions">
                <h6>Need help combining colors? You came to the right place! With color scheme you:</h6>
                <ol>
                    <li>Pick a color</li>
                    <li>Select what type of combination you need</li>
                    <li>Tell us how many color combination you want</li>
                    <li>GET COLOR SCHEME!</li>
                </ol>
            </div>
        </div>
        <div id="color-scheme"></div>
    </body>
</html>

<html>

<head>

</head>

<body>

<form>

<option value="" disabled selected>Select Options</option>

</select>

<button id="get-color-btn">GET COLOR SCHEME</button>

</form>

<h1>COLOR SCHEME</h1>

<h6>Need help combining colors? You came to the right place! With color scheme

you:</h6>

<ol>

<li>Pick a color</li>

<li>Select what type of combination you need</li>

<li>Tell us how many color combination you want</li>

<li>GET COLOR SCHEME!</li>

</ol>

</div>

</body>

</html>

-8:30