Something

<script type="text/javascript">function updateMyDetails() {var detailType = document.getElementById('MyDetailType').value;var updatedValue = document.getElementById('UserInput');var name = document.getElementById('idName');if (detailType == "Name"){    name.innerHTML = updatedValue.value;}var age = document.getElementById('idAge');if (detailType == "Age"){    age.innerHTML = updatedValue.value;}var gender = document.getElementById('idGender');if (detailType == "Gender"){    gender.innerHTML = updatedValue.value;}var college = document.getElementById('idCollege')if (detailType == "College"){    college.innerHTML = updatedValue.value;}var hometown = document.getElementById('idHometown')if (detailType == "Hometown"){    hometown.innerHTML = updatedValue.value;}}function addFriend() {getFriendHTML();}function getFriendHTML() {var name = document.getElementById('FriendsName').value;var age = document.getElementById('FriendsAge').value;var college = document.getElementById('FriendsCollege').value;var relationship = document.getElementById('FriendsRelationship').value;var webpage = document.getElementById('FriendsWebsite').value;var photo = document.getElementById('FriendsPhoto').value;var table1 = "<table border=1 bgcolor='CC33FF'>";table1 += "<tr><td>Name:</td><td>" + name + "</td><td rowspan='5'>" + photo + "</td></tr>";table1 += "<tr><td>Age:</td><td>" + age + "</td></tr>";table1 += "<tr><td>College:</td><td>" + college + "</td></tr>";table1 += "<tr><td>Relationship:</td><td>" + relationship + "</td></tr>";table1 += "<tr><td>Webpage:</td><td>" + webpage + "</td></tr>";}</script>