Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <link rel="stylesheet" type="text/css" href="style.css">
- <meta charset="utf-8">
- <title></title>
- </head>
- <body>
- <script src="script.js"></script>
- <h1>Let's Create an ID card!</h1>
- <label class="label1">First Name:<br><input type="text" id="firstName" name="firstname"/>
- </label>
- <br>
- <label class="label2">Last Name:<br><input type="text" id="lastName" name="lastname"/>
- </label>
- <br>
- <label class="label3">Age:<br><input type="number" id="age" name="age"/></label>
- <br>
- <label class="label4">Phone Number:<br><input type="number" id="phoneNumber" name="phoneNumber"/></label>
- <br>
- <label class="label5">Address:<br><input type="text" id="address" name="address"/></label>
- <br>
- <button onclick="idCard()">Get ID Card!</button>
- <div id="idCard">
- <img src="http://www.iconninja.com/files/373/611/612/person-user-profile-male-man-avatar-account-icon.svg">
- <p id="postFullName"></p>
- <p id="postAge"></p>
- <p id="postPhoneNumber"></p>
- <p id="postAddress"></p>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement