JSFiddle - React, Tailwind, and code Playground

by Nicolas PUJOL

HTML

<div class="inputField_1">
    <input id="urlInput" type="text"/><br>
    <input type="submit" id="submitUrl"/>
</div>

<div class="aboutTitleWrap"></div>

JavaScript

$("#submitUrl").on("click", function(){
    var urlInput = $("#urlInput").val();
    var img = new Image();
    img.src = urlInput

    var width = img.width;
    var height = img.height;
    $(".aboutTitleWrap").append("<p>This image has: " + width*height + " pixels</p>");
});