如何在Javascript中分配从用户处获得的值？_Javascript

如何在Javascript中分配从用户处获得的值？

javascript

如何在Javascript中分配从用户处获得的值？,javascript,Javascript,我有一些变量可以动态改变颜色： ctxt.strokeStyle = "black"; 如何分配或调用作为输入获取的函数：功能更改背景字体（选择标签，类型）{ 如果（类型=“字体”）{ //返回所选选项的索引 var whichSelected=selectTag.selectedIndex； //返回选定的选项值 var-selectState=selectTag.options[所选内容]。文本； var fontTest=document.getElementById（“fontba

我有一些变量可以动态改变颜色：

ctxt.strokeStyle = "black";

如何分配或调用作为输入获取的函数：

功能更改背景字体（选择标签，类型）{
如果（类型=“字体”）{
//返回所选选项的索引
var whichSelected=selectTag.selectedIndex；
//返回选定的选项值
var-selectState=selectTag.options[所选内容]。文本；
var fontTest=document.getElementById（“fontbackgroundTest”）；
if（'fontSizeAdjust'在fontest.style中）{
fontTest.style.FontSizedJust=选择状态；
}否则{
警告（“您的浏览器不支持此示例！”）；
}
}否则{
document.getElementById（“fontbackgroundTest”）.style.color=selectTag.value；
}
}


挑选
蓝色
绿色
白色
黑色
更改字体大小调整

只需在想要获得颜色的地方添加以下内容：

  // You may want to give your <select> a class or an id to have a more reliable way of retrieving it from JavaScript
  var select = document.querySelector('select[name="color"]');
  var selectState = select.options[select.selectedIndex].text;

  ctxt.strokeStyle = selectState.toLowerCase();

//您可能希望为自己的应用程序提供一个类或id，以便有一种更可靠的方式从JavaScript检索它
var select=document.querySelector（'select[name=“color”]”）；
var selectState=select.options[select.selectedIndex].text；
ctxt.strokeStyle=selectState.toLowerCase（）；

如果我理解你的要求，这里是计算效率最高的地方

//HTML

<!DOCTYPE html>
<html>
<head>
    <script src="scripts/index.js"></script>
</head>
<body>
    <form>
      <select id='dropdown'>
           <option selected disabled>Select</option>
           <option value="blue">Blue</option>
           <option value="green">Green</option>
           <option value="white">White</option>
           <option value="black">Black</option>
       </select>
    </form>
    <span id="colorMe">Change font-size-adjust</span>
</body>
</html>

从你的问题我不理解这个问题。代码似乎是从代码片段中提取的。我有单独的Javascript文件。其中，一个变量用于指定字体笔划样式颜色。我必须从用户输入中获取颜色，并将该值分配给该变量。您的问题很不清楚，您能否详细说明您希望得到的结果？从您的问题中我所能理解的是，当select字段更改值时，您希望文本更改，这是可行的。编辑：然后将该javascript文件放在你的问题中。是的，它正在工作，但我必须将该颜色值分配给另一个javascript函数变量。你能用这个来尝试我的示例代码来更改结果的颜色吗？

document.addEventListener("DOMContentLoaded", init);

function init(){
    document.getElementById('dropdown').addEventListener('change', change.dropdown);
}
var change = {
    "dropdown": function(e){
        document.getElementById('colorMe').style.color = e.target.value;
    }
};