JSFiddle - React, Tailwind, and code Playground

by siyakunde

HTML

<html>
    <head>
        <script>
            function clickedIt(){
                alert("Clicked");
            }
        </script>
    </head>
    <body>
    <div id="btn-next" class="f-x3" style="position:relative; float:left;   width:30px;height:50px; padding-left:10px; padding-top:20px; overflow:visible">Disaled
    <p class="f-lp"  >
        <a  href="#" class="carousel_carousel next" >
            <input type="image" src="https://www.google.com/intl/en_ALL/images/logos/images_logo_lg.gif" border="0" width="100" height="80" style="vertical-align:baseline" id="scroll_disable" disabled=true onclick="clickedIt()"/>
        </a>
    </p>
</div>
        <div id="btn-next" class="f-x3" style="position:relative; float:left;   width:30px;height:50px; padding-left:100px; padding-top:20px; overflow:visible">Clickable
    <p class="f-lp"  >
        <a  href="#" class="carousel_carousel next" >
            <input type="image" src="https://www.google.com/intl/en_ALL/images/logos/images_logo_lg.gif" border="0" width="100" height="80" style="vertical-align:baseline" id="scroll_disable"  onclick="clickedIt()"/>
        </a>
    </p>
</div>
</body>
</html>