如何使用输入框更改SVG路径的笔触宽度

Question

我正在为我的网站创建SVG路径。现在，我想要一个输入框，在这里我可以说例如strokeWidth应该为10，并且当我单击按钮时，Path应该使用该值。这可能吗 ？在下方，您可以看到我的输入框的代码和用于设置宽度的按钮+我的SVG路径的代码。现在我要问你们我该如何连接它们。

<input type="number" placeholder="StrokeWidth" id="WidthBox"></input>
<input type="button" name="setStroke" id="setStroke" value="set Stroke"></input>

var L_PUF_WAR = s.path("m 338.57052,275.31046 v 110.41789 h 95.11902 v 39.24491"
                 .attr({
                        fill: "none",
                        stroke: "#bada55",
                        strokeWidth: 15
                    });