<html>
<head><style>body {min-height: 350px;} input { font-size: 16px; } textarea { font-size: 16px; } </style></head>
<body>
<img src="https://mimo.app/r/snapcat.svg">
<h3>Create an Account</h3>
<input id="usernameInput" type="text" placeholder="Username">
<br>
<input id="phoneInput" type="text" placeholder="Phone number">
<br>
<button onclick="signUp()">Sign up</button>
<p id="message"></p>
<script>function signUp() {
var username = document.getElementById("usernameInput").value;
var phone = document.getElementById("phoneInput").value;
document.getElementById("message").innerHTML = username + ", we sent a confirmation to your phone.";
console.log("Sending text to " + phone);
}</script>
</body>
</html>]]>