JSFiddle - React, Tailwind, and code Playground

HTML

<h2>Change the value in the text box then click the Link</h2>

<a id="testLink" href="#">Click This</a>

<input id="testBox" type="text" value="original value" />

CSS

body { padding:20px; color:#242424; font-family: "Lucida Grande", Tahoma, "Trebuchet MS"; }

h2 { background:#5279a4; color:#fff; padding:5px; }
div { padding:5px; }

JavaScript

// mcpDESIGNS


var el = document.getElementById('testBox');

$(document).on('click', '#testLink', function () {    
    alert('el.value = ' + el.value);
    alert('el.getAttribute("value") = ' + el.getAttribute('value'));
    e.preventDefault();
});