在html5/javascript中创建用户输入
我已经能够使用html/javascript/canvas生成几个弧。 下面的代码行将绘制弧作为最终结果图像 我现在想做的是有一个用户界面来定义这些弧，而不是手动逐行编码，每个弧中唯一的变量是rad、sAng、eAng和扇区大小（我的笔划宽度） 我的目标是绘制任何从2到30弧的数字由用户定义 我的最终目标是一个类似于此的图像：在html5/javascript中创建用户输入,javascript,html,Javascript,Html,我已经能够使用html/javascript/canvas生成几个弧。 下面的代码行将绘制弧作为最终结果图像 我现在想做的是有一个用户界面来定义这些弧，而不是手动逐行编码，每个弧中唯一的变量是rad、sAng、eAng和扇区大小（我的笔划宽度） 我的目标是绘制任何从2到30弧的数字由用户定义 我的最终目标是一个类似于此的图像： 要从用户获取输入，您可以使用，或者，如果不想使用HTML，可以使用，后者很少在实际应用程序中使用 以下是HTML输入标记的示例： <html> <b
要从用户获取输入，您可以使用，或者，如果不想使用HTML，可以使用，后者很少在实际应用程序中使用 以下是HTML输入标记的示例：
<html>
<body>
Name: <input type="text" id="user_name">
<br>
Age: <input type="number" id="user_age" min="0">
<br>
<button id="button">Submit</button>
<script>
document.getElementById('button').addEventListener('click', e=>{
var name = document.getElementById('user_name').value,
age = parseInt(document.getElementById('user_age').value);
alert(`Hello, ${name}! In ten years you will be ${age + 10} years old.`);
});
</script>
</body>
</html>
你好欢迎来到StackOverflow！您尝试过HTML输入元素吗？你将能够理解它的价值并采取适当的行动。嘿！欢迎来到stackoverflow！您的问题到底是什么？您在等待我们帮助您做什么？您好，感谢我们的快速响应，我想知道用户是否可以定义绘制的弧的数量，以及我可以使用什么工具或代码来添加用户可以控制的信息，即弧的名称和弧中的数字，eAng和扇区大小列我可以看到，按下按钮后，用户名和年龄是如何显示的。现在，你能弹出另一个表单，在已经输入的用户名和年龄下的一行添加另一个用户名和年龄吗？当然可以。您可以再次使用相同的表单，每次单击按钮时都绘制一条圆弧，而不删除任何以前的圆弧。通过这种方式，用户可以通过更改输入元素值、单击按钮并重复操作来添加他们想要添加的弧数。另一种可能是使用document.createElement（）函数创建新的输入字段，或者使用Node.cloneNode（）函数在按下按钮时复制第一个输入元素。非常感谢，我将尝试一下，并让大家知道我的进展。
<html>
<body>
Name: <input type="text" id="user_name">
<br>
Age: <input type="number" id="user_age" min="0">
<br>
<button id="button">Submit</button>
<script>
document.getElementById('button').addEventListener('click', e=>{
var name = document.getElementById('user_name').value,
age = parseInt(document.getElementById('user_age').value);
alert(`Hello, ${name}! In ten years you will be ${age + 10} years old.`);
});
</script>
</body>
</html>
var name = prompt("What's your name?"),
age = prompt('How old are you?');