javascript中的对象的使用-CSDN博客

题目：小明打算买一只猫陪伴，网页上需要输入用户姓名，猫的名字，性别，爱好，当点击购买按钮后，弹出恭喜xx
您购买的猫：姓名,性别，爱好，请确认？
提示使用对象来实现该功能。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>小明购买小猫</title>
    <script type="text/javascript">
        function go( ){
           var host=document.getElementById("Text1").value;
           var cat=document.getElementById("Text2").value;
           var sex=document.getElementById("Text3").value;
           var habbit=document.getElementById("Text4").value;
           var things={
               name1:host,
               name:cat,
               sex:sex,
               habbit:habbit
           }
           alert("恭喜"+things.name1+"，\r您购买的猫:\r"+"姓名:"+things.name+"\r"+"性别:"+things.sex+"\r"+"爱好:"+things.habbit+"\r"+"请确认？");
        }
    </script>
</head>
<body>
<center>购买小猫的清单</center>
用户姓名：<input id="Text1" type="text" /><br />
猫的名字：<input id="Text2" type="text" /><br />
猫的性别：<input id="Text3" type="text" /><br />
猫的爱好：<input id="Text4" type="text" /><br />
    <input id="Button1" type="button" value="点击购买" οnclick="go( )" />
</body>
</html>