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("非法指令,请重新输入!");
}
}
}
}
```
以上代码仅为示例,具体实现可能需要根据实际情况进行修改和完善。