JSFiddle - React, Tailwind, and code Playground
by farvus ks
HTML
<body>
<p>Hello! let's try yo change the number to another representation!</p>
<form id="frm1">
enter the base: <br> <input type="number" id="base" value=""><br>
Enter the number (in decimal representation):<br> <input type="number" id="number" value=""><br><br>
</form>
<button onclick="changeBase()">Go!!!</button>
<fieldset>
<p><b>Your answer is:</br></b></p>
<p id="demo"></p>
</fieldset><br><br><br>
<p>Now, you can also get the decimal represantation of a number in another base representation.</p>
<form id="frm2">
Enter the base: <br> <input type="number" id="base2" value=""><br>
Enter the number (in the base representation representation):<br> <input type="number" id="number2" value=""><br><br>
</form>
<button onclick="changeToDecimal()">Go!!!</button>
<fieldset>
<p><b>The number in decimal representation is:</br></b></p>
<p id="demo2"></p>
</fieldset>
<p> © farvas@kaveshteible.com</p>
<script>
function changeBase() {
var base = document.getElementById("base");
var stBase = base.value;
var number = document.getElementById("number");
var stNumber = number.value;
base = parseInt(stBase);
number = parseInt(stNumber);
if(base < 2){
alert(" A base must be greater than 1!");
};
var result = [];
do{
var remainder = number % base;
number = number - remainder;
number = number / base;
result.unshift(remainder);
} while(number > 0);
document.getElementById("demo").innerHTML = result.join('');;
}
function changeToDecimal(){
var base2 = document.getElementById("base2");
var stBase2 = base2.value;
var number2 = document.getElementById("number2");
var stNumber2 = number2.value;
base2 = parseInt(stBase2);
number2 = parseInt(stNumber2);
if(base2 < 2){
alert(" A base must be greater than 1!");
};
var result2 = 0;
var leng = stNumber2.length;
for (var i = 0; i < stNumber2.length; i++){
var location = Math.pow(base2, leng - i - 1);
var n = parseInt(stNumber2[i])
result2 = result2 + (n *...