Javascript 通过按钮将内容从div元素复制到剪贴板

我正在开发一个简单的程序，它从用户那里获取输入，对输入值执行算术函数，然后通过innerHTML在div元素中显示结果。我尝试了ClipboardJS库，在按钮中实现数据目标，以div元素内容为目标，但没有显示任何结果

你能帮帮我吗

$（文档）.ready（函数（）{
document.getElementById（“idofdiv”）.style.display=“无”；
document.getElementById（“copybutton”）.style.display=“无”；
$（“#showbuttonid”）。单击（函数（）{
var a=$（“输入#输入值框”）.val（）；
var b=a*10；
var b=“值为”+b；
document.getElementById（“idofdiv”）.style.display=“block”；
document.getElementById（“copybutton”）.style.display=“block”；
document.getElementById（“idofdiv”）.innerHTML=b；
});
});
@导入url（'https://fonts.googleapis.com/css2?family=Open+SAN:wght@600&显示=交换'；
.labelclass{
字体大小：20px；
字体系列：“开放式Sans”，无衬线；
}
.inputvaluecss{
框大小：边框框；
边框：1px实心#DDDDDD；
大纲：无；
左边距：42px；
边缘顶部：16px；
宽度：275px；
填充顶部：12px；
左侧填充：15px；
垫底：12px；
}
.inputvaluecss：焦点{
盒影：0 0 5px#2EDC29；
边框：1px实心#2EDC29；
}
.divclass{
字体大小：20px；
字体系列：“开放式Sans”，无衬线；
颜色：黑色；
背景色：白色；
宽度：700px；
左侧填充：18px；
填充顶部：13px；
填充底部：13px；
右边填充：18px；
框大小：边框框；
边框：1px实心#DDDDDD；
}



输入值



显示





复制内容！
您正在尝试向字符串添加数学函数
在您的例子中，
a
是一个字符串，
b
是一个数字
因此，您尝试将
a
转换为数字，将
b
转换为字符串。那不行
这对我有用

$(document).ready(function() {
  document.getElementById("idofdiv").style.display = "none";
  document.getElementById("copybutton").style.display = "none";

  $("#showbuttonid").click(function() {
    var a = $("input#inputvaluebox").val();
    var c = parseInt(a)
    var b = c * 10;
    var d = "Value is" + b;
    document.getElementById("idofdiv").style.display = "block";
    document.getElementById("copybutton").style.display = "block";
    document.getElementById("idofdiv").innerHTML = d;
  });
});

你只需要多写一行代码。只需阅读一下官方文件：


$（文档）.ready（函数（）{
document.getElementById（“idofdiv”）.style.display=“无”；
document.getElementById（“copybutton”）.style.display=“无”；
$（“#showbuttonid”）。单击（函数（）{
var a=$（“输入#输入值框”）.val（）；
var b=a*10；
var b=“值为”+b；
document.getElementById（“idofdiv”）.style.display=“block”；
document.getElementById（“copybutton”）.style.display=“block”；
document.getElementById（“idofdiv”）.innerHTML=b；
});
新剪贴簿（“#copybutton”）
});
@导入url（'https://fonts.googleapis.com/css2?family=Open+SAN:wght@600&显示=交换'；
.labelclass{
字体大小：20px；
字体系列：“开放式Sans”，无衬线；
}
.inputvaluecss{
框大小：边框框；
边框：1px实心#DDDDDD；
大纲：无；
左边距：42px；
边缘顶部：16px；
宽度：275px；
填充顶部：12px；
左侧填充：15px；
垫底：12px；
}
.inputvaluecss：焦点{
盒影：0 0 5px#2EDC29；
边框：1px实心#2EDC29；
}
.divclass{
字体大小：20px；
字体系列：“开放式Sans”，无衬线；
颜色：黑色；
背景色：白色；
宽度：700px；
左侧填充：18px；
填充顶部：13px；
填充底部：13px；
右边填充：18px；
框大小：边框框；
边框：1px实心#DDDDDD；
}



输入值



显示





复制内容！
您的实际问题是什么？如果输入1并单击“显示”，则显示
值为10
。只缺少一个空格字符。你没有在任何地方使用剪贴板hi@yunzen我已经在按钮属性中添加了数据剪贴板目标，还将clipboardJS库添加到程序中。即使在添加属性之后，它也不会复制。谢谢，它正在工作。非常感谢，但这里只有一个问题：怎么可能没有“；”在NewClipboardJS（“#copybutton”）@inforedIn的末尾，如果这个答案解决了您的问题，请接受它（检查答案左侧的勾号）是的@yunzenHi shkelkim Maxharraj，函数应该返回div innerHTML中的值，然后从那里复制它。谢谢你的回答
  new ClipboardJS('#copybutton')