1)用JS计算下列算式,并将结果在控制台输出:
<script type="text/javascript">
var i=(123+45*78)/(34+543)-9*(324-34);
console.log("(123+45*78)/(34+543)-9*(324-34)"+"="+Math.round(i));
</script>
2)编写程序,给一个摄氏度,在控制台显示华氏温度,并且只保留整数部分。
<script type="text/javascript">
var C=5;
var F=9/5*C+32;
console.log(parseInt(F));
</script>
3)实现一个html,内容包括表单,具体样式如下图:
<style type="text/css">
p {
border:0px;
margin:8px;
height:3px;
font-family: 宋体;
font-size:24px;
color: #CCCCCC;
}
.rs {
margin: 6px;
font-family: 宋体;
font-size:18px;
}
#text {
margin: 6px;
border:2px solid #ccc;
color: #ccc;
font-family: 宋体;
font-size:18px;
}
</style>
<body>
<form>
<p>卸载完成!请留下您宝贵的意见,让我们做得更好</p><br>
<p>请选择您卸载的主要原因:</p><br>
<input type="checkbox" name="reason" class="rs">我要装新版
<input type="checkbox" name="reason" class="rs">播放卡顿、异常
<input type="checkbox" name="reason" class="rs">内容不丰富
<input type="checkbox" name="reason" class="rs">下载歌曲失败<br>
<input type="checkbox" name="reason" class="rs">界面不好看
<input type="checkbox" name="reason" class="rs">音、画质不理想
<input type="checkbox" name="reason" class="rs">操作不方便<br>
<textarea cols="60" rows="4" wrap="hard" id="text">其他原因</textarea><br>
方便的话,请留下您的QQ号:<input type="text" name="QQ"><br>
<input type="submit" name="btn" value="重新安装">
<input type="submit" name="btn" value="完成">
</form>
</body>
4)实现一个html,内容如下:
<head>
<title>第一次作业01</title>
<style type="text/css">
.both {
width: 30px;
}
</style>
</head>
<body>
<form>
<table width="450" height="30" border="1">
<tr>
<td align="center" valign="middle" width="70">姓 名:</td>
<td valign="middle"><input type="text" name="username" value="">*</td>
</tr>
<tr>
<td align="center" valign="middle" width="70">性 别:</td>
<td valign="middle">
<input type="radio" name="sex" value="man" checked>男
<input type="radio" name="sex" value="woman">女*
</td>
</tr>
<tr>
<td align="center" width="80">出生日期:</td>
<td valign="middle">
<input type="text" name="year" value="" class="both">年
<input type="text" name="month" value="" class="both">月
<input type="text" name="day" value="" class="both">日*
</td>
</tr>
<tr>
<td align="center" valign="middle" width="70">文化程度:</td>
<td valign="middle">
<select>
<option selected>高中</option>
<option>初中</option>
<option>小学</option>
</select>*
</td>
</tr>
<tr>
<td align="center" valign="middle" width="70">所在省份:</td>
<td valign="middle">
<select>
<option selected>北京</option>
<option>黑龙江</option>
<option>吉林</option>
<option>辽宁</option>
</select>*
</td>
</tr>
<tr>
<td align="center" valign="middle" width="70">联系地址:</td>
<td valign="middle"><input type="text" name="address" value="">*</td>
</tr>
<tr>
<td align="center" valign="middle" width="70">邮政编码:</td>
<td valign="middle"><input type="text" name="number" value="">*</td>
</tr>
<tr>
<td align="center" valign="middle" width="70">联系电话:</td>
<td valign="middle"><input type="text" name="phone" value="">*</td>
</tr>
<tr>
<td align="center" valign="middle" width="70">电子邮箱:</td>
<td valign="middle"><input type="text" name="email" value=""></td>
</tr>
<tr>
<td align="center" valign="middle" width="70">类 别:</td>
<td valign="middle">
<input type="checkbox" name="class" value="">英语
<input type="checkbox" name="class" value="">计算机
<input type="checkbox" name="class" value="">普通话
<input type="checkbox" name="class" value="">数学
</td>
</tr>
<tr>
<td align="center" valign="middle" width="70">报考层次:</td>
<td valign="middle">
<input type="radio" name="level" value="" checked>初级
<input type="radio" name="level" value="">中级
<input type="radio" name="level01" value="" checked>高级
<input type="radio" name="level01" value="">特级
</td>
</tr>
<td align="center" valign="middle" width="70">报考专业:</td>
<td valign="middle">
<select>
<option selected>计算机</option>
<option>英语</option>
<option>国商</option>
<option>会计</option>
</select>*
</td>
</tr>
<td align="center" valign="middle" width="70">备 注:</td>
<td align="center" valign="middle">
<textarea cols="50" rows="4" wrap="hard"></textarea>
</td>
</tr>
</tr>
<td align="center" valign="middle" width="60"></td>
<td align="center" valign="middle">
<input type="submit" name="submit" value="提交">
<input type="submit" name="reset" value="重填">
</td>
</tr>
</table>
</form>
</body>