html - 从滑块获取值以使用 Arduino 控制伺服

Question

我有个问题。我可以从我的 HTML 页面上的滑块中获取一个值来控制连接到 Arduino 板的伺服器的角度吗？

我可以从按钮中获取值，例如：on/之类的信息off，很容易获取它，但是当它更改时，我无法从 0-150 范围内获取值。我正在使用 Arduino 和以太网屏蔽。
有人能帮我吗？

我的滑块代码：

client.print("< input type='range' min='1' max='150' name=greVal value=greTemp oninput='showValue1(this.value)' >");
client.println("< span id='range1'>0< /span>");
client.println("<script type='text/javascript'>\r\nfunction showValue1(newValue)\ \n{\r\ndocument.getElementById('range1').innerHTML=newValue;\r\n}\r\n</script>\r\n"); 

按钮的代码开/关，我想用伺服做这样的事情。我的意思是把滑块的值放在hrefIP之后

client.println("< a href=\"/?on\"\">on</a>");
client.println("< a href=\"/?off\"\">off</a>");

Answer 1

如果您想让它自动发生，而无需单击链接，您可以更改您的showValue1功能并使其更改位置。检查下面的片段。

function updateRange(newValue) {
     window.location = "http://localhost/index.php?range=" + newValue;
}

您也可以在单击按钮后执行相同操作，方法是将您的输入包装在form标签中并将其设置为 actionget而不是post. 提交将导致向您的 URL 添加带有值的输入。