<!DOCTYPE html> <html> <head> <title>文档标题</title> <style> input { font-size: 40px; } body { font-size: 40px; } select { font-size: 40px; } </style> <script type="text/javascript"> function fun() { var num = document.getElementById("num").value; if (num % 2 == 0) { return true; } else { return false; } } </script> <script type="text/javascript"> window.onload = function () { var num = Math.floor(Math.random() * 10001); document.getElementById("num").value = num; } </script> </head> <body> <div id="div1"> 请输入数字<br> <input type="text" name="num" id=num> <input type="button" onclick="fun()" value="判断奇偶性" /> </div> </body> </html>该代码中fun函数为什么不起作用

时间: 2023-12-01 22:04:24 浏览: 31

该代码中 `fun` 函数的问题在于没有对其返回值进行处理，即没有对其进行任何操作或输出。因此，即使 `fun` 函数能够正确判断输入数字的奇偶性，但是在调用该函数后并没有对其返回值进行任何处理，最终也没有产生任何效果。为了解决这个问题，可以修改 `fun` 函数的实现，让其在判断完奇偶性后，将结果显示在页面上，或者通过弹窗等方式将结果输出给用户。例如，可以使用 `alert` 函数在页面上显示判断结果，或者将判断结果输出到页面的某个元素中。

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>酒店管理系统</title> <link rel="stylesheet" href="style.css"> </head> <body> <header> <h1>酒店管理系统</h1> </header> <main> <h2>酒店客房管理</h2> <table> <thead> <tr> <th>ID</th> <th>类型</th> <th>价格</th> <th>编辑</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>单人房</td> <td>¥200</td> <td><button class="edit-btn">编辑</button></td> </tr> <tr> <td>2</td> <td>双人房</td> <td>¥300</td> <td><button class="edit-btn">编辑</button></td> </tr> <tr> <td>3</td> <td>豪华房</td> <td>¥500</td> <td><button class="edit-btn">编辑</button></td> </tr> </tbody> </table> <div class="add-form"> <h3>添加客房</h3> <form> <div> <label for="room-id">ID：</label> <input type="number" id="room-id" required> </div> <div> <label for="room-type">类型：</label> <input type="text" id="room-type" required> </div> <div> <label for="room-price">价格：</label> <input type="number" id="room-price" required> </div> <button type="submit">添加</button> </form> </div> </main> <script src="script.js"></script> </body> </html>给代码逐行加上注释

<!DOCTYPE html>  <html> <head> <meta charset="UTF-8">  <title>酒店管理系统</title>  <link rel="stylesheet" href="style.css">  </head> <body> <header>  <h1>酒店管理系统</h1>  </header> <main>  <h2>酒店客房管理</h2>  <table>  <thead>  <tr>  <th>ID</th>  <th>类型</th> <th>价格</th> <th>编辑</th> </tr> </thead> <tbody>  <tr> <td>1</td>  <td>单人房</td> <td>¥200</td> <td><button class="edit-btn">编辑</button></td>  </tr> <tr> <td>2</td> <td>双人房</td> <td>¥300</td> <td><button class="edit-btn">编辑</button></td> </tr> <tr> <td>3</td> <td>豪华房</td> <td>¥500</td> <td><button class="edit-btn">编辑</button></td> </tr> </tbody> </table> <div class="add-form">  <h3>添加客房</h3>  <form>  <div> <label for="room-id">ID：</label>  <input type="number" id="room-id" required>  </div> <div> <label for="room-type">类型：</label> <input type="text" id="room-type" required>  </div> <div> <label for="room-price">价格：</label> <input type="number" id="room-price" required> </div> <button type="submit">添加</button>  </form> </div> </main> <script src="script.js"></script>  </body> </html>

完成程序，实现购物车计算器的功能。参考Html代码如下，可根据需求进行修改： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <h3>购物车计算器</h3> <label>单价:</label><input type="text"><br/> <label>数量:</label><input type="text"><br/> <label>应付金额:<

/label> <span id="totalPrice"></span><br/> <button onclick="calculate()">计算</button> <script> function calculate() { var price = parseFloat(document.querySelector("input[type=text]:nth-of-type(1)").value); var quantity = parseInt(document.querySelector("input[type=text]:nth-of-type(2)").value); var totalPrice = price * quantity; document.getElementById("totalPrice").innerHTML = totalPrice.toFixed(2); } </script> </body> </html> 注：该程序只实现了简单的购物车计算器功能，可以根据自己的需求进行修改和完善。

相关推荐

select和input不会继承字号body font-size

免费仿爱奇艺官网影视网站模板html

html中input提示文字样式修改的示例代码

<!DOCTYPE html> <html> <head> <title><CS></title> </head> <body> Please enter your question. <form action="/middle" method="post"> <textarea name="text" rows="4" cols="50"></textarea> <input type="submit" value="确定"> </form> </body> </html> 改为居中自适应

修改以下html代码，增加背景插入功能： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>邮件发送网站</title> </head> <body> Email Sender <form action="deal_email.php" method="POST"> <label for="from_email">Sender's Email:</label>

<!DOCTYPE html> <html> <head> <title>图片页面</title> </head> <body> </body> </html> 请充当网站开发程序员修改一下代码，点击图片可以选择本地图片，并实时显示

最新推荐

zigbee-cluster-library-specification

管理建模和仿真的文件

MATLAB柱状图在信号处理中的应用：可视化信号特征和频谱分析

hive中 的Metastore

JSBSim Reference Manual

"互动学习：行动中的多样性与论文攻读经历"

MATLAB柱状图在数据分析中的作用：从可视化到洞察

软件工程每个学期的生活及学习目标

c++校园超市商品信息管理系统课程设计说明书(含源代码) (2).pdf

关系数据表示学习

<!DOCTYPE html> <html> <head> <title><CS></title> </head> <body> Please enter your question. <form action="/middle" method="post"> <textarea name="text" rows="4" cols="50"></textarea>
<input type="submit" value="确定">
</form> </body> </html> 改为居中自适应

hive中的Metastore