JSFiddle - React, Tailwind, and code Playground

by drewP

HTML

<input id="filename" type="text" />
<button id="getFilename" type="button">Get Filename</button>

<span id="result" />

CSS

body {
 padding: 20px;   
}

input[type=text], button {
 padding: 5px 8px;   
}

span {
 display: block;   
}

JavaScript

$("#getFilename").click(function() {
    var filename = $("#filename").val();
    filename = filename.split(/(\\|\/)/g).pop();
    filename = filename.substr(0, filename.lastIndexOf('.'));
    alert(filename);
});