function updateCon() { var expressNumber = document.getElementById("expressNumber"); var con = document.getElementById("con"); if (expressNumber.value) { con.style.display = "block"; con.innerText = expressNumber.value; } else { con.style.display = "none"; } }

时间: 2023-07-15 15:09:55 浏览: 45
这是一个 JavaScript 函数,用于更新某个 DOM 元素的内容。具体来说,它会获取 id 为 "expressNumber" 的 input 元素和 id 为 "con" 的元素,如果 input 中有值,则将 con 元素的内容更新为 input 的值,并将其显示出来;否则将 con 元素隐藏起来。这个函数可以用于实现实时更新快递单号等功能。
相关问题

模拟京东快递单号查询 要求:当我们在文本框中输入内容时,文本框上面自动显示大字号的内容。 提示: 1.快递单号输入内容时, 上面的大号字体盒子(con)显示(这里面的文字 2.同时把快递单号里面的值(value)获取过来赋值给 con盒子(innerText)做为内容 3.如果快递单号里面内容为空,则隐藏大号字体盒子(con)盒子

可以使用 JavaScript 监听文本框的输入事件,然后根据输入内容来更新大号字体盒子(con)的显示内容和是否隐藏。具体实现代码如下: HTML 代码: ``` <input type="text" id="expressNumber" oninput="updateCon()"> <div id="con" style="font-size: 36px; display: none;"></div> ``` JavaScript 代码: ``` function updateCon() { var expressNumber = document.getElementById("expressNumber"); var con = document.getElementById("con"); if (expressNumber.value) { con.style.display = "block"; con.innerText = expressNumber.value; } else { con.style.display = "none"; } } ``` 在这个代码中,我们首先使用 `document.getElementById()` 方法获取文本框和大号字体盒子的 DOM 元素。然后,我们在文本框上注册 `oninput` 事件,当用户输入内容时,该事件会被触发。 在 `updateCon()` 函数中,我们首先获取文本框的值,如果它不为空,我们就显示大号字体盒子,并将它的内容设置为文本框的值。如果文本框的值为空,我们就隐藏大号字体盒子。

Java结合面向对象编程思想,开发“裹裹快投”快递服务控制台程序,可实现用户寄件、

查询、签收、投诉等功能。 首先,我们需要定义一些类来表示快递服务中的各种对象。比如,我们可以定义一个用户类(User),一个快递员类(Courier),以及一个快递类(Express)等等。 下面是一个简单的 User 类的定义: ``` public class User { private String name; // 用户名 private String phone; // 手机号码 private String address; // 收件地址 // 构造函数 public User(String name, String phone, String address) { this.name = name; this.phone = phone; this.address = address; } // getter/setter 方法 public String getName() { return name; } public void setName(String name) { this.name = name; } public String getPhone() { return phone; } public void setPhone(String phone) { this.phone = phone; } public String getAddress() { return address; } public void setAddress(String address) { this.address = address; } } ``` 快递员类和快递类的定义类似,这里就不赘述了。 接下来,我们需要定义一个主控制台程序,用来实现用户输入指令、查询快递信息等功能。以下是一个简单的主程序的代码: ``` import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner scanner = new Scanner(System.in); // 初始化快递公司 ExpressCompany company = new ExpressCompany(); // 进入主循环 while (true) { System.out.println("请输入指令:"); String command = scanner.nextLine(); if (command.equals("寄件")) { // 用户输入寄件相关信息 System.out.println("请输入寄件人姓名:"); String senderName = scanner.nextLine(); System.out.println("请输入寄件人手机号码:"); String senderPhone = scanner.nextLine(); System.out.println("请输入寄件人地址:"); String senderAddress = scanner.nextLine(); System.out.println("请输入收件人姓名:"); String receiverName = scanner.nextLine(); System.out.println("请输入收件人手机号码:"); String receiverPhone = scanner.nextLine(); System.out.println("请输入收件人地址:"); String receiverAddress = scanner.nextLine(); // 创建快递对象并保存到快递公司中 Express express = new Express(senderName, senderPhone, senderAddress, receiverName, receiverPhone, receiverAddress); company.addExpress(express); System.out.println("寄件成功!"); } else if (command.equals("查询")) { // 用户输入快递单号 System.out.println("请输入快递单号:"); String expressNumber = scanner.nextLine(); // 查询快递信息并输出 Express express = company.findExpress(expressNumber); if (express != null) { System.out.println("快递单号:" + express.getNumber()); System.out.println("寄件人姓名:" + express.getSenderName()); System.out.println("寄件人手机号码:" + express.getSenderPhone()); System.out.println("寄件人地址:" + express.getSenderAddress()); System.out.println("收件人姓名:" + express.getReceiverName()); System.out.println("收件人手机号码:" + express.getReceiverPhone()); System.out.println("收件人地址:" + express.getReceiverAddress()); } else { System.out.println("快递单号不存在!"); } } else if (command.equals("签收")) { // 用户输入快递单号 System.out.println("请输入快递单号:"); String expressNumber = scanner.nextLine(); // 签收快递并输出结果 boolean result = company.signExpress(expressNumber); if (result) { System.out.println("签收成功!"); } else { System.out.println("快递单号不存在或已被签收!"); } } else if (command.equals("投诉")) { // 用户输入快递单号和投诉信息 System.out.println("请输入快递单号:"); String expressNumber = scanner.nextLine(); System.out.println("请输入投诉信息:"); String complaint = scanner.nextLine(); // 添加投诉信息并输出结果 boolean result = company.addComplaint(expressNumber, complaint); if (result) { System.out.println("投诉成功!"); } else { System.out.println("快递单号不存在!"); } } else if (command.equals("退出")) { // 退出程序 break; } else { // 非法指令 System.out.println("非法指令,请重新输入!"); } } } } ``` 以上代码仅为示例,具体实现可能需要根据实际情况进行修改和完善。

相关推荐

最新推荐

recommend-type

2024嵌入式大厂面经C++首创

2024嵌入式大厂面经C++首创提取方式是百度网盘分享地址
recommend-type

C++ 高性能爬虫代码,带UI

C++ 高性能爬虫代码,带UI
recommend-type

2024嵌入式面试资料裕日软件C笔试题

2024嵌入式面试资料裕日软件C笔试题提取方式是百度网盘分享地址
recommend-type

黑色素瘤分类数据集10015张7类别.7z

数据集类型:图像分类用,不可用于目标检测无标注文件 数据集格式:仅仅包含jpg图片,每个类别文件夹下面存放着对应图片 图片数量(jpg文件个数):10015 分类类别数:7 类别名称:[“0”,“1”,“2”,“3”,“4”,“5”,“6”] 更多信息:blog.csdn.net/FL1623863129/article/details/139561265
recommend-type

2024年高尿酸及痛风疾病医药行业分析报告.pptx

行业报告
recommend-type

zigbee-cluster-library-specification

最新的zigbee-cluster-library-specification说明文档。
recommend-type

管理建模和仿真的文件

管理Boualem Benatallah引用此版本:布阿利姆·贝纳塔拉。管理建模和仿真。约瑟夫-傅立叶大学-格勒诺布尔第一大学,1996年。法语。NNT:电话:00345357HAL ID:电话:00345357https://theses.hal.science/tel-003453572008年12月9日提交HAL是一个多学科的开放存取档案馆,用于存放和传播科学研究论文,无论它们是否被公开。论文可以来自法国或国外的教学和研究机构,也可以来自公共或私人研究中心。L’archive ouverte pluridisciplinaire
recommend-type

MATLAB正态分布协方差分析:揭示正态分布变量之间的协方差

![MATLAB正态分布协方差分析:揭示正态分布变量之间的协方差](https://site.cdn.mengte.online/official/2021/11/20211128213137293.png) # 1. 正态分布概述 正态分布,又称高斯分布,是统计学中最重要的连续概率分布之一。它广泛应用于自然科学、社会科学和工程领域。 正态分布的概率密度函数为: ``` f(x) = (1 / (σ√(2π))) * exp(-(x - μ)² / (2σ²)) ``` 其中: - μ:正态分布的均值 - σ:正态分布的标准差 - π:圆周率 正态分布具有以下特性: - 对称性:
recommend-type

我正在开发一款个人碳足迹计算app,如何撰写其需求分析文档,请给我一个范例

为了更全面、清晰地定义个人碳足迹计算app的需求,需求分析文档应该包含以下内容: 1.项目简介:对该app项目的概述及目标进行说明。 2.用户分析:包括目标用户群、用户需求、行为等。 3.功能需求:对app的基本功能进行定义,如用户登录、数据录入、数据统计等。 4.非功能需求:对使用app的性能和质量等进行定义,如界面设计、数据安全、可扩展性等。 5.运行环境:包括app的开发环境和使用环境。 下面是一个范例: 需求分析文档 1. 项目简介 该app项目旨在为用户提供一款方便、易用、可定制的个人碳足迹计算平台,以促进环保和可持续性发展。 2. 用户分析 目标用户群:全球关
recommend-type

JSBSim Reference Manual

JSBSim参考手册,其中包含JSBSim简介,JSBSim配置文件xml的编写语法,编程手册以及一些应用实例等。其中有部分内容还没有写完,估计有生之年很难看到完整版了,但是内容还是很有参考价值的。