Drawingapp

            
             Html 
            <canvas id="canvas"></canvas>

            <div class="nav">

            <div class="clr" data-clr="#000"></div>

            <div class="clr" data-clr="red"></div>

            <div class="clr" data-clr="orange"></div>

            <div class="clr" data-clr="blue"></div>

            <div class="clr" data-clr="purple"></div>

            <div class="clr" data-clr="yellowgreen"></div>

            <div class="clr" data-clr="yellow"></div>

            <div class="clr" data-clr="#fff"></div>

            <button class="clear">CLEAR</button>

            <button class="save">SAVE</button>

            <input type="color" value="#FFFFFF" id="favcolor">

            <input type="range" name="ageInputName" id="ageInputId"

                        value="5" min="1" max="10"

                        oninput="ageOutputId.value = ageInputId.value">

                        <output id="ageOutputId">5</output>

                        <div class="emoji">🍭</div>

                        </div>
Drawing app
