Javascript 复选框中的选中数字不会与文本区域中的消息一起显示

我尝试了很多解决方案，但我无法显示带有消息的已检查数字。例如，您输入两个数字，并选中它们，然后在文本区域中键入一条消息；输出应输入消息并检查数字。我试图对代码的不同部分提出不同的解决方案，但似乎没有任何效果。所以请帮帮我。我希望图像是可见的

函数文本计数器（字段、字段2、最大限制）{
var countfield=document.getElementById（字段2）；
如果（field.value.length>maxlimit）{
field.value=field.value.substring（0，maxlimit）；
返回false；
}否则{
countfield.value=maxlimit-field.value.length；
}
}
/*___________________________________________*/
var i=1；
document.addEventListener（“单击”，函数createContact（）{
if（document.getElementById（“clickSend”）.value！=''）{
var check=document.createElement（'input'）；
check.setAttribute（'type'，'checkBox'）；
check.setAttribute（'id'，'number'+i）；
check.setAttribute（'value'，document.getElementById（“clickSend”）.value）；
check.setAttribute（'contactNumber'，'numbers'）；
var labl=document.createElement（'label'）；
labl.setAttribute（'for'，'number'+i）；
labl.appendChild（document.createTextNode（document.getElementById（“clickSend”）.value））；
联系人。追加子项（检查）；
联系人。附件（标签）；
document.getElementById（“clickSend”）。值=“”；
document.getElementById（“clickSend”）.focus（）；
i=i+1；
}
});
/*______________________________________________*/
函数消息（）{
var msg=document.getElementById（“消息”）.value；
document.getElementById（“poruka”）.innerHTML=msg；
}

剩余字符：




已发送消息：

Send

我稍微修改了message（）函数

function message() {
  var msg = document.getElementById("message").value;
  const cbs = document.querySelectorAll("[type=checkbox]");
  const values = [];
  cbs.forEach(inp => {
    if (inp.checked) values.push(inp.value);
  });
  document.getElementById("poruka").innerHTML = msg + " " + JSON.stringify(values);
}

---

我以这种方式编辑了函数

消息

：

1-初始化空数组

2-选中所有复选框

3-循环选择复选框，并将每个复选框的值推送到初始化的

数组中

4-使用模板字符串设置innerHTML

剩余字符：






已发送消息：

发送
函数文本计数器（字段、字段2、最大限制）{
var countfield=document.getElementById（字段2）；
如果（field.value.length>maxlimit）{
field.value=field.value.substring（0，maxlimit）；
返回false；
}否则{
countfield.value=maxlimit-field.value.length；
}
}
/*___________________________________________*/
var i=1；
document.addEventListener（“单击”，函数createContact（）{
if（document.getElementById（“clickSend”）.value！=“”）{
var check=document.createElement（“输入”）；
check.setAttribute（“type”、“checkBox”）；
check.setAttribute（“id”、“number”+i）；
check.setAttribute(
“价值”，
document.getElementById（“clickSend”）.value
);
check.setAttribute（“contactNumber”、“numbers”）；
var labl=document.createElement（“标签”）；
标签setAttribute（“for”，“number”+i）；
附肢儿童标签(
document.createTextNode（document.getElementById（“clickSend”）.value）
);
联系人。追加子项（检查）；
联系人。附件（标签）；
document.getElementById（“clickSend”）.value=“”；
document.getElementById（“clickSend”）.focus（）；
i=i+1；
}
});
/*______________________________________________*/
函数消息（）{
var msg=document.getElementById（“消息”）.value；
var数=[]；
var复选框=document.querySelectorAll(
“输入[类型=复选框]：选中”
);
对于（变量i=0；ito:${numbers}`；
}

我尝试了您的代码，但根本不确定哪些框用于哪个输入。我应该把这两个数字放在哪里，“检查”是什么意思？这听起来好像你有一张图片，它将是有用的，但它不在你的问题，你能添加它吗？