在javascript中仅显示一个输入即可显示div中的名字和姓氏
古驰香蕉王99
我正在尝试创建一个文本输入，您可以在其中输入您的名字和姓氏。名字和姓氏的首字母应显示在DIV中。字母应直接显示而无需单击按钮。
例如：
您在文本字段中输入“ John Doe”，并且JD应该显示在DIV中。
最后应该看起来像这样：
阿里雷扎·阿齐米（Alireza Azimi）
尝试这样的事情：
let text = ''
document.querySelector("input").addEventListener("input", () => {
text = document.querySelector("input").value;
let full_name = text.split(" ");
let initials = full_name[0][0];
if (text) {
if (full_name.length >= 2 && full_name[1]) {
initials += full_name[1][0];
}
} else {
initials = '';
}
document.querySelector("div").innerHTML = initials;
});<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>
</div>
<input type="text">
</body>
</html>本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
编辑于
相关文章
TOP 榜单
- 1
隐藏发件人没有短信PHP
- 2
材质UI垂直滑块。如何改变在垂直材料UI滑块导轨的厚度（反应）
- 3
在Windows 7中无法删除文件（2）
- 4
HttpClient中的角度变化检测
- 5
Azure VM启动/停止日志
- 6
如何在 Vb.net 中使用函数返回多个值
- 7
Powerpoint-条形长度错误的堆积条形图
- 8
最新歌剧断断续续的快速拨号和渲染错误
- 9
Mac OS X更新后的GRUB 2问题
- 10
需要公式以vlookup逗号分隔单个单元格中的值
- 11
Hashchange事件侦听器在将事件处理程序附加到事件之前进行侦听
- 12
ggplot：对齐多个分面图-所有大小不同的分面
- 13
OS X-为什么我需要打开WiFi才能确定最近的位置
- 14
用日期数据透视表和日期顺序查询
- 15
Java Eclipse中的错误13，如何解决？
- 16
如何在Django中使用UUID
- 17
加载Microsoft Visual菜单时出现问题
- 18
具有if条件的SQL UPDATE
- 19
从JSON到JSONL的Python转换
- 20
如何在Kod中更改字体？
- 21
共享图像将路径放入地址
我来说两句