A function can return a value to the code that called it. This webpage returns a value to the code that called it to help perform its task.

<html>
<head>
<style>
body {
text-align: center; font-size: 16px; margin: 0 auto; background-color: #D5F5E3 } button {
background-color: #85C1E9; border: none; border-radius: 8px; color: white; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; padding: 6px 12px; margin: 0 12px 0 0; } h2 {
color: #7c795d; font-family: 'Trocchi', serif; font-size: 45px; font-weight: normal; line-height: 48px; margin: 0;
text-align: centre } #playerList { text-align: left; }
</style>
</head>
<body id="main">
<h2>Pound Converter</h2>
<p>Add value in pounds.</p>
<p>
  <label>Pounds</label>
  <input id="inputPounds" type="number" placeholder="Pounds">
</p>
<button onClick="convert()">convert</button>
<p>Kilograms: <span id="outputKilograms"></span></p>
<script>
function convert() {
var pounds = document.getElementById("inputPounds").value;
document.getElementById("outputKilograms").innerHTML = pounds / 2.2046;
}
</script>
</body>
</html>]]>