<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p>点击按钮将数组中的每个元素乘于输入框指定的值,并返回新数组。</p>
<p>最小年龄: <input type="number" id="multiplyWith" value="10"></p>
<button onclick="myFunction()">点我</button>
<p>新数组: <span id="demo"></span></p>
<script>
var numbers = [65, 44, 12, 4];
function multiplyArrayElement(num) {
    return num * document.getElementById("multiplyWith").value;
}
function myFunction() {
    document.getElementById("demo").innerHTML = numbers.map(multiplyArrayElement);
}
</script>

</body>
</html>

点击按钮,输出结果:新数组: 650,440,120,40

最新文章

  1. [Head First设计模式]生活中学设计模式——状态模式
  2. Perform UPSERT / INSERT OR UPDATE against a SQLite Database
  3. (36)老版和新版API调用
  4. Android -- Support包特性
  5. hadoop2.2.0伪分布模式64位安装
  6. 正版Win7永不崩溃的秘密 解密系统备份!
  7. 帝国cms7.0导航栏当前栏目显示不同样式
  8. Js 对象添加属性
  9. 一种利用异常机制基于MVC过滤器的防止重复提交的机制分享
  10. hdu 4122 Alice&#39;s mooncake shop(单调队列)
  11. JavaScript性能优化 DOM编程
  12. ⒃bootstrap组件 轮播图 基础案例
  13. uva10976
  14. 团队作业7-Beta版本冲刺计划及安排
  15. 走在spring的路上。。。。
  16. C#中使用JavaScriptSerializer类实现序列化与反序列化
  17. Ketlle
  18. [Docker] 容器开发环境最佳实践理论
  19. [转帖]Linux下fork函数及pthread函数的总结
  20. 升级nginx 和nchan

热门文章

  1. 学习小片段——thymeleaf入门
  2. 更改Windows更新源(解决公司内部网络无法下载语言包或更新的问题)
  3. 删除log文件末尾中指定的行数
  4. React事件绑定与解绑
  5. python-django-01
  6. js常用随手记
  7. TypeScript 类型定义文件(*.d.ts)自动生成工具
  8. mysql 导入数据库问题
  9. Java中switch对整型/字符型/字符串型具体实现细节
  10. 前端自动化构建工具--Gulp&amp;&amp;Webpack