JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
	<style type="text/css">
		.line {
			display: inline;
		}
	</style>
	<title>Тестируем PHP</title>
</head>
<body>
<div class="line">
		<input type="text" name="rubles" id="rubles" placeholder="рубли">
    <input type="button" name="convertToDollars" id="convertToDollars" value="Перевести в доллары">
</div>
<div>
  <p></p>
</div>

JavaScript

var convertToDollars = function() {
			var rubles = document.getElementById('rubles').value;
			var rublesInDollars = rubles * 60;

			var div = document.createElement("div");
      var p = document.createElement("p");
			document.body.append(div);
			var textNode = document.createTextNode(rubles + " рублей в долларах будет "+ rublesInDollars);
			div.appendChild(p).append(textNode);
		}
    document.getElementById("convertToDollars").addEventListener('click',convertToDollars);