JSFiddle - React, Tailwind, and code Playground

by scurrilus

HTML

<input type="number" name="fname">
<p>
	Bitte gib den aktuellen Kurs XRP/EUR ein.
</p>
<ul id="test"></ul>

</div>

CSS

ul {
	font-family: Arial;
}

ul li {
	line-height: 1.5em;
}

JavaScript

// 7272Ripple = 2198Euro

var EUR = 2198;
var Ripple = 7272.7546;

var price = EUR / Ripple;
var kursG = price * Ripple;
var factor = 10
var kursT = 0.5 || price;
var kursTEUR = kursT * Ripple;

(function() {
//creates a listener for when you press a key
window.onkeyup = keyup;

//creates a global Javascript variable
var inputTextValue;

function render() {
	document.getElementById("test").innerHTML = "<li>EUR: " + EUR + "</li>" + 
	"<li>Ripple: " + Ripple + "</li>" +
	"<li>Kurs Grundlage: " + price + "</li>" +
	"<li>Ziel (Kurs): " + kursT + "</li>" +
	"<li>Ziel (EUR): " + kursTEUR+ "</li>"
}

function keyup(e) {
  kursT = e.target.value;
	kursTEUR = kursT * Ripple;
	console.log(kursT);
	
	render();
}
})();