xxxxxxxxxx56
<html><head> <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.8.0/p5.js"></script> <script src="sketch.js"></script> <link rel="shortcut icon" href="https://p5js.org/assets/img/favicon.ico"> <link rel="icon" href="https://p5js.org/assets/img/favicon.ico"> <style> * { padding: 0px; margin: 0px; } #footer{ position: absolute; left: 50%; bottom: 20px; transform: translate(-50%, 0); color: #333; font-size: 1.1em; } </style> <link rel="stylesheet" href="style.css"></head><body><div id="properties"> <form> <div class="form-div"> <label> <input type="text" placeholder="IUPAC név" id="iupac-name" width="160" onkeypress="this.style.width = Math.max((this.value.length + 1) * 12, 160) + 'px';" onchange="this.style.width = Math.max((this.value.length + 1) * 12, 160) + 'px';"> </label> <button onclick="return onButtonClick();"> OK </button> </div> <div class="form-div"> <label> Forgatás <input type="checkbox" id="isRotatingCheckbox" checked onchange="onIsRotatingChanged();"> </label> </div> <div class="form-div"> Moláris tömeg: <span id="molarMassContainer">0</span> g/mol </div> </form></div> <div id="footer">© 2019 Tóth Ambrus, <a href="https://johetajava.hu/" style="color: #907802 !important" target="_blank">Jöhet a Java?</a></div></body></html>