Javascript 单击按钮时添加“显示更多”和“显示更少”按钮
我是初学者！在我的代码中，我有一个输入区、文本区和一个按钮。根据我的代码，它在一个框（使用css创建）内显示来自文本区域的输入。它只在我们输入数据时出现。问题-现在，当我们从“id2”输入时，即如果“关于”部分超过20个字符，我想在第21个字符的开头添加一个“显示更多”按钮，并在结尾添加一个“显示较少”按钮。另外，如果我们更改输入字段并再次按enter键，请告诉我一种类似的附加结果的方法Javascript 单击按钮时添加“显示更多”和“显示更少”按钮,javascript,css,Javascript,Css,我是初学者！在我的代码中，我有一个输入区、文本区和一个按钮。根据我的代码，它在一个框（使用css创建）内显示来自文本区域的输入。它只在我们输入数据时出现。问题-现在，当我们从“id2”输入时，即如果“关于”部分超过20个字符，我想在第21个字符的开头添加一个“显示更多”按钮，并在结尾添加一个“显示较少”按钮。另外，如果我们更改输入字段并再次按enter键，请告诉我一种类似的附加结果的方法 名称： 关于： 添加新书 函数显示（）{ var name=document.getElementById
名称：
关于：
添加新书
函数显示（）{
var name=document.getElementById（“id1”）.value；
var about=document.getElementById（“id2”）.value；
document.getElementById（“msg2”）.innerHTML=“”+”名称：“+Name+”
“+”
“+about；
}
我的代码应该是什么样子将为此上传一张图片请不要发布代码图片（文本）。编辑帖子并使用
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="SectionC-1.css">
</head>
<body>
Name: <input type="text" id="id1"><br>
About:<textarea rows="4" cols="50" id="id2"></textarea><br>
<button onclick="display()">Add New Book</button>
<div class ='container23' id = "msg">
<div id = "msg2">
</div>
</div>
</body>
<script>
function display(){
var name = document.getElementById("id1").value;
var about = document.getElementById("id2").value;
document.getElementById("msg2").innerHTML ="<b>"+"Name :"+ name +"
</b>"+ "<br>" + about;
}
</script>