如何根据使用javascript/css的输入动态增加或减少圆圈大小

需要根据输入创建2个圆圈。使用javascript/css，圆圈大小应动态增加或减少

有人能帮我吗

---

TIA

这里有一些东西可以让你开始。它使用a键，并在您键入时进行调整。我通过CSS转换使其在增长/收缩时看起来更酷

常量输入=document.querySelector'.circle size'； const circles=document.querySelectorAll.circle'； input.addEventListener'input'，handleInput； 函数句柄输入{ circles.forEachcircle=>{ circle.style.setProperty'-circle size'，input.value+'px'； } } .圆圈{ 右边距：1米； 边界半径：50%； 宽度：var圆形尺寸，20px； 高度：var圆形尺寸，20px； 背景颜色：绿色； 显示：内联块； 过渡：0.5s宽，0.5s高； } [类型=编号]{ 显示：块； }

---

请分享你的尝试。谢谢安迪·霍夫曼，让我试试这个。事实上，我得到的是%作为输入，我需要根据它来计算圆的大小。@Purushoth我想你可以从这里得到一些东西。不过，如果这对您有帮助，请将我的答案标记为所选答案。嗨，安迪·霍夫曼，我尝试了以下示例代码html:script:setCircleStylevalue{let myStyles；const cssValue=value+'px'；myStyles={'-圆圈大小：：cssValue}；return myStyles；}css:.centerCircle{右边距：1em；边框半径：50%；宽度：变量圆大小，40px；高度：变量圆大小，40px；位置：相对；背景色：01bab9；}使用上面的代码，样式不会得到附加。@purushot阅读注释中的代码很难帮助您。我建议您创建一个新问题，完整的代码显示您尝试过的所有内容。这将使您的问题有最好的机会得到一个好的、完整的答案。这就足够了。非常感谢ta请你抽出时间来帮我。