JSFiddle - React, Tailwind, and code Playground
HTML
<html>
<body>
<p>
Current version:<br />
<input id="currentVersion" value="5.9" />
</p>
<p>
Latest release version:<br />
<input id="latestReleaseVersion" value="5.19" />
</p>
<p>
<button id="checkUpdateButton" onclick="handleCheckUpdateButtonClicked()" >Check update</button>
</p>
<p>Result:</p>
<p id="result"></p>
</body>
</html>
JavaScript
function handleCheckUpdateButtonClicked() {
var currentVersionInput = document.getElementById("currentVersion");
var latestReleaseVersionInput = document.getElementById("latestReleaseVersion");
var resultParagraph = document.getElementById("result");
resultParagraph.innerHTML = hasNewReleasement(currentVersionInput.value, latestReleaseVersionInput.value)
? latestReleaseVersionInput.value + " has been released."
: "No releasement found.";
}
function hasNewReleasement(currentVersion, latestReleaseVersion) {
var ret = false;
var currentVersionInfo = currentVersion.split(".").map(Number);
var latestReleaseVersionInfo = latestReleaseVersion.split(".").map(Number);
var depth = Math.max(currentVersionInfo.length, latestReleaseVersionInfo.length);
for (var i = 0; i < depth; i++) {
if (currentVersionInfo[i] < latestReleaseVersionInfo[i]) {
return true;
}
}
return false;
}