20、利用class创建对象,防止数据覆盖

简介: 20、利用class创建对象,防止数据覆盖
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <input type="text" class="username" placeholder="用户名" />
  <input type="password" class="password" placeholder=" 密码" />
  <button class="btn">添加</button>
  <script>
    var username = document.querySelector('.username');
    var password = document.querySelector('.password');
    var btn = document.querySelector('.btn');
    class Student {
      constructor(username, password) {
        this.username = username;
        this.password = password;
      }
    }
    var studentList = [];
    btn.addEventListener('click', function () {
      let student = new Student(username.value, password.value);
      studentList.push(student);
      console.log(studentList);
    });
  </script>
</body>
</html>
相关文章
|
监控 网络协议 安全
即时通讯技术文集(第6期):移动端弱网优化文章汇总 [共13篇]
为了更好地分类阅读52im.net 总计1000多篇精编文章,我将在每周三推送新的一期技术文集,本次是第6 期。
460 0
即时通讯技术文集(第6期):移动端弱网优化文章汇总 [共13篇]
|
机器学习/深度学习 编解码 人工智能
ATC 模型转换动态 shape 问题案例
ATC(Ascend Tensor Compiler)是异构计算架构 CANN 体系下的模型转换工具:它可以将开源框架的网络模型(如 TensorFlow 等)以及 Ascend IR 定义的单算子描述文件转换为昇腾 AI 处理器支持的离线模型;模型转换过程中,ATC 会进行算子调度优化、权重数据重排、内存使用优化等具体操作,对原始的深度学习模型进行进一步的调优,从而满足部署场景下的高性能需求,使其能够高效执行在昇腾 AI 处理器上。
388 0
|
C语言 C++
求公因数的方法(C/C++)
求公因数的方法(C/C++)
393 0
求公因数的方法(C/C++)
【Pr】实现视频最后的字幕从下往上的滑动
【Pr】实现视频最后的字幕从下往上的滑动
157 0
【Pr】实现视频最后的字幕从下往上的滑动
|
Web App开发 前端开发 JavaScript
|
机器学习/深度学习 人工智能 算法
【机器学习】基于核的机器学习算法应用
【机器学习】基于核的机器学习算法应用
148 0
北京卓镭激光完成近亿元B轮融资,君联资本领投
卓镭激光是一家激光器研发商,成立于2014年8月,主要产品包括工业超快激光器系列、脉冲大能量激光器系列、二极管泵浦激光器系列、医美专用OEM激光器系列、定制激光器等,可应用于科研、医疗美容等领域,目前已开发十余个系列近30种型号激光器。
633 0
|
机器学习/深度学习 数据采集 算法
基于影像组学的膀胱癌治疗反应评估:深度学习的应用
本文旨在探讨基于影像组学的膀胱癌治疗反应评估方法,介绍影像组学技术的基本概念和特征提取方法,并探讨深度学习算法在癌症治疗反应评估中的应用。将参考和解析文献Bladder Cancer Treatment Response Assessment in CT using Radiomics with Deep-Learning的分析过程。
194 0
|
缓存 Java 程序员
Java垃圾回收: 什么是强引用、软引用、弱引用和虚引用?
Java垃圾回收: 什么是强引用、软引用、弱引用和虚引用?
128 2

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等