number system converter web

This commit is contained in:
array-in-a-matrix 2022-02-09 00:39:40 -05:00
parent e2889852ef
commit 37b4e6094f
2 changed files with 17 additions and 4 deletions

View file

@ -25,15 +25,16 @@
<form>
<label for="number">Base 10 number:</label>
<br>
<input name="number" id="number" type="number" value="420" step="1">
<input name="number" id="number" type="number" step="1" onChange="numberSystemConverter();">
<br>
<label for="base">New base:</label>
<label for="base">New base (Range 2-36):</label>
<br>
<input name="base" id="base" type="number" value="2" step="1" min="2" max="36">
<input name="base" id="base" type="number" value="2" step="1" min="2" max="36"
onChange="numberSystemConverter();">
<br>
<label for="converted">Converted number:</label>
<br>
<input name="converted" id="converted" type="text">
<input name="converted" id="converted" type="text" disabled="true" onChange="numberSystemConverter();">
</form>
</section>

View file

@ -0,0 +1,12 @@
numberSystemConverter();
function numberSystemConverter() {
num = parseInt(document.getElementById('number').value);
base = parseInt(document.getElementById('base').value)
try {
new_num = num.toString(base)
document.getElementById('converted').value = new_num
console.log(`BASE 10:${num} ==> BASE ${base}: ${new_num}`);
} catch (RangeError) {
console.log(`Base is not in the range of 2 to 36.`);
}
};