Browse Source

修改配置表

master
song 4 years ago
parent
commit
5a1eb20b2b
  1. 10
      public/index.html
  2. 30
      src/dom.js

10
public/index.html

@ -94,13 +94,19 @@
<input type="number" class="form-control" id="gameTime"> <input type="number" class="form-control" id="gameTime">
</div> </div>
<div class="mb-3 d-flex flex-row align-items-center"> <div class="mb-3 d-flex flex-row align-items-center">
<label for="directionScore" class="form-label text-end" style="width: 180px">动作总数</label> <label for="directionScore" class="form-label text-end" style="width: 180px">动作种类</label>
<input type="number" class="form-control" id="directionScore"> <input type="number" class="form-control" id="directionScore">
</div> </div>
<div id="directionTable" class="d-none"> <div id="directionTable" class="d-none">
<p class="text-center">动作分值表</p> <p class="text-end" style="width: 112px">动作分值表</p>
<div id="directionDetail"></div> <div id="directionDetail"></div>
<div class="mb-3 d-flex flex-row align-items-center position-relative">
<label for="actionSequences" class="form-label text-end" style="width: 180px">动作序列表:</label>
<input type="text" class="form-control" id="actionSequences">
<span class="position-absolute top-100 text-black-50" style="left: 140px;font-size: 12px;">每个动作之间用英文 , 隔开</span>
</div> </div>
</div>
</form> </form>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">

30
src/dom.js

@ -201,8 +201,10 @@ export function submitSetting(){
game.count = count.value - 0 game.count = count.value - 0
game.gameTime = gameTime.value - 0 game.gameTime = gameTime.value - 0
setScores() setScores()
setActionSequences()
myInput.style.display = "none" myInput.style.display = "none"
setDefaultStyle() setDefaultStyle()
console.log('game: ', game);
}) })
} }
@ -213,9 +215,8 @@ export function setDirection(value){
for (let i = 0; i < value; i++) { for (let i = 0; i < value; i++) {
str += ` str += `
<div class="mb-3 d-flex flex-row align-items-center"> <div class="mb-3 d-flex flex-row align-items-center">
<div style="width: 130px">动作${ i + 1 }</div> <div class="form-label text-end" style="width: 180px">动作${ i }</div>
<input placeholder="动作次数" type="number" class="form-control ms-3 directionTimes"> <input placeholder="动作分值" type="number" class="form-control directionScores">
<input placeholder="动作分值" type="number" class="form-control ms-3 directionScores">
</div> </div>
` `
} }
@ -225,8 +226,6 @@ export function setDirection(value){
// 设置动作分支表 // 设置动作分支表
export function setScores(){ export function setScores(){
game.scores = [] game.scores = []
game.directions = []
var directionTimes = document.getElementsByClassName("directionTimes")
var directionScores = document.getElementsByClassName("directionScores") var directionScores = document.getElementsByClassName("directionScores")
for (let i = 0; i < directionScores.length; i++) { for (let i = 0; i < directionScores.length; i++) {
const score = directionScores[i]; const score = directionScores[i];
@ -237,12 +236,23 @@ export function setScores(){
item.score = score.value - 0 item.score = score.value - 0
game.scores.push(item) game.scores.push(item)
} }
for (let time = 0; time < directionTimes.length; time++) { }
const item = directionTimes[time].value - 0
for (let j = 0; j < item; j++) { // 设置动作序列表
game.directions.push(time) export function setActionSequences(){
} var actionSequences = document.getElementById("actionSequences")
const arr = actionSequences.value.split('')
game.directions = []
arr.forEach(item => {
if(isNaN(item)){
game.directions.push(item - 0)
} }
})
}
// 判断是不是数字
export function isNaN(value) {
return parseFloat(value).toString() !== "NaN";
} }
// 取消配置 // 取消配置

Loading…
Cancel
Save