Dwe*_*zle 5 html javascript forms
我正在尝试为游戏Pathfinder制作一个可编辑的角色表.我有一个<select>
选择种族和每个种族的价值.我的价值是一个字符串.我需要做的是选择比赛时我需要输入表格进行更新.
Javascript应该为要修改的stat分配一个变量.然后,用户将输入基本统计数字,并且当完成时,javascript将根据用户输入的值添加或减去修饰符.
例如:矮人的体质得分为+2.因此,当用户从下拉菜单中选择矮人时,我需要我的脚本来识别并声明一个等于2的变量.然后用户输入基本统计数据,假设为13.完成后输入该数字代码会自动将输入字段更新为15.
我已经想出了如何做这样的事情,<p>
但我不能得到它的文本输入.我意识到,最简单的方法是将选项值设置为奖励数量,但是比赛会产生3个统计数据,2个正数和1个负数.所以我只能理解如何使用in/else语句执行此操作.我对此很新.
这是我的代码.任何帮助都非常感谢.
<script>
function createModifier () {
var race = document.getElementById("race");
if (race = "cat") {
var strMod = 3;
}
else {
var strMod = 1;
}
document.getElementById("strElm").innerHTML = 10 + strMod;
}
</script>
</head>
<body>
<form>
<div id="raceSelector" class="attribute">
<p><strong>Race</strong></p>
<select name="race" id="race">
<option value="aas">Aasimar</option>
<option value="cat">Catfolk</option>
<option value="cha">Changeling</option>
<option value="dha">Dhampir</option>
<option value="dro">Drow</option>
<option value="due">Duergar</option>
<option value="dwa">Dwarf</option>
<option value="elf">Elf</option>
<option value="fet">Fetchling</option>
<option value="gil">Gillman</option>
<option value="gno">Gnome</option>
<option value="gob">Goblin</option>
<option value="gri">Grippli</option>
<option value="hale">Half-Elf</option>
<option value="half">Halfing</option>
<option value="halo">Half-Orc</option>
<option value="hob">Hobgoblin</option>
<option value="hum">Human</option>
<option value="ifr">Ifrit</option>
<option value="kit">Kitsune</option>
<option value="kob">Kobold</option>
<option value="mer">Merfolk</option>
<option value="nag">Nagaji</option>
<option value="orc">Orc</option>
<option value="ore">Oread</option>
<option value="rat">Ratfolk</option>
<option value="sam">Samaran</option>
<option value="str">Strix</option>
<option value="sul">Suli</option>
<option value="svi">Svirfneblin</option>
<option value="syl">Sylph</option>
<option value="ten">Tengu</option>
<option value="tie">Tiefling</option>
<option value="und">Undine</option>
<option value="van">Vanara</option>
<option value="vis">Vishkanya</option>
<option value="way">Wayang</option>
</select>
</div>
<div class="attribute">
<input type="text" onchange="createModifier()"></input>
<p id="modStr"></p>
</div>
/form>
Run Code Online (Sandbox Code Playgroud)
您说if (race = "cat")
的是哪个race
等于cat
,而不是确定它是否等于。你需要使用==
不=
无论如何,你的问题出在这一行
var race = document.getElementById("race");
Run Code Online (Sandbox Code Playgroud)
它应该是
var race = document.getElementById("race").value;
Run Code Online (Sandbox Code Playgroud)
归档时间: |
|
查看次数: |
117 次 |
最近记录: |