関数を定義するには

<html>
<head>
<title>Sample</title>
<script type="text/javascript"><!--
function moveImage(x,y)
{
document.getElementById("myChar").style.left = eval(x);
document.getElementById("myChar").style.top = eval(y);
}
// --></script>
</head>
<body>
<form>
<input type="text" name="imgX" value="90"><br>
<input type="text" name="imgY" value="10"><br>
<input type="button" value="座標設定" onClick="moveImage(this.form.imgX.value,this.form.imgY.value)"><br>
</form>
<img src="photo.jpg" id="myChar" style="position:absolute;">
</body>
</html>
・サンプルを実行
・サンプルをダウンロード
逆引きクイックリファレンス JavaScript　説明などは本書を参考にしてください。