javaScript parseInt 方法的运用。

今天发现一个以前测试没有出现的问题,是一个javascript校验日期的方法。
当日期为2004-12-08时,其中用到了parseInt(date.getDate())也就是parseInt('08')这个处理。
这样调用后返回值是0。最后导致方法校验失败。而其他日期都没有问题,经过查看javaScript帮助文档。有下面的说明:

parseInt 方法

返回由字符串转换得到的整数。

parseInt(numString, [radix])

参数

numString

必选项。要转换为数字的字符串。

radix

可选项。在 2 和 36 之间的表示 numString 所保存数字的进制的值。如果没有提供,则前缀为 '0x' 的字符串被当作十六进制,前缀为 '0' 的字符串被当作八进制。所有其它字符串都被当作是十进制的。

说明

parseInt 方法返回与保存在 numString 中的数字值相等的整数。如果 numString 的前缀不能解释为整数,则返回 NaN(而不是数字)。

最后我把方法修改为parseInt('08', 10)就正确了。后来一想parseInt('08')怎么会返回0呢?我认为它应该返回10(刚开始大家可能跟我一样这么认为),其实仔细一想,这个方法是按照八进制进行处理,而8是八进制中永远不会出现的。所以导致转换失败。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
好的,下面是一份简单的代码示例,也许能够帮助您更好地理解如何利用HTML5、CSS3、JavaScript知识来完成乘法口诀表的展示或互动游戏化设计。 HTML部分: ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Multiplication Table</title> <link rel="stylesheet" href="./styles.css"> </head> <body> <div class="container"> <h1>Multiplication Table</h1> <table> <thead> <tr> <th></th> //表头部分 <th>1</th> <th>2</th> <th>3</th> <th>4</th> <th>5</th> <th>6</th> <th>7</th> <th>8</th> <th>9</th> </tr> </thead> <tbody> //表格主体部分 <tr> <th>1</th> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>7</td> <td>8</td> <td>9</td> </tr> <tr> <th>2</th> <td>2</td> <td>4</td> <td>6</td> <td>8</td> <td>10</td> <td>12</td> <td>14</td> <td>16</td> <td>18</td> </tr> <tr> <th>3</th> <td>3</td> <td>6</td> <td>9</td> <td>12</td> <td>15</td> <td>18</td> <td>21</td> <td>24</td> <td>27</td> </tr> //省略后面的部分 </tbody> </table> </div> <script src="./script.js"></script> </body> </html> ``` CSS部分: ```css * { margin: 0; padding: 0; box-sizing: border-box; } .container { max-width: 800px; margin: 0 auto; padding: 20px; text-align: center; } h1 { margin-bottom: 20px; } table { width: 100%; border-collapse: collapse; table-layout: fixed; } th, td { border: 1px solid #ccc; padding: 10px; font-size: 16px; } th { background-color: #f0f0f0; font-weight: bold; } th:first-child, td:first-child { background-color: #d9d9d9; } td { text-align: center; } ``` JavaScript部分: ```javascript // 简单的乘法口诀练习游戏 const table = document.querySelector('table'); const tds = document.querySelectorAll('td'); const correct = document.querySelector('.correct'); const wrong = document.querySelector('.wrong'); let score = 0; tds.forEach(td => { td.addEventListener('click', () => { const row = td.parentNode.rowIndex; const col = td.cellIndex; const result = row * col; const answer = parseInt(prompt(`What is ${row} * ${col}?`)); if (answer === result) { td.style.backgroundColor = '#c4ffc4'; score++; correct.textContent = `Correct: ${score}`; } else { td.style.backgroundColor = '#ffc4c4'; wrong.textContent = `Wrong: ${tds.length - score}`; } }); }); ``` 以上代码实现了一个简单的乘法口诀表展示和练习游戏。其中,HTML部分定义了乘法口诀表格的结构;CSS部分定义了表格的样式;JavaScript部分则实现了游戏的逻辑。用户可以通过点击表格中的单元格来进行练习,如果回答正确则单元格会变成绿色,否则会变成红色。同时,页面上还会显示用户的得分情况。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值