JavaScriptメモ

2017年11月22日プログラミングJavaScript

以下のページで使用したJavaScriptのメモです。 https://naon56.github.io/nikkiup2u3/
全体のソースコードは以下から見られます。 https://github.com/naon56/nikkiup2u3/tree/gh-pages

テーブルのセル内容を変える

JavaScript

function evaluationFuncColosseum(){ //評価基準の設定
 
//変数の取得
var selectQuest = document.forms.formStageQuest.quest;
 
if( selectQuest.options[selectQuest.selectedIndex].value == "選択" ){
略
}
else if( selectQuest.options[selectQuest.selectedIndex].value == "麗しき" ){
 
evaluation_table.rows[0].cells[1].innerHTML = 1.33; //シンプル
evaluation_table.rows[0].cells[3].innerHTML = 0; //華麗
evaluation_table.rows[1].cells[1].innerHTML = 0.67; //キュート
evaluation_table.rows[1].cells[3].innerHTML = 0; //大人
evaluation_table.rows[2].cells[1].innerHTML = 0; //アクティブ
evaluation_table.rows[2].cells[3].innerHTML = 1.33; //エレガント
evaluation_table.rows[3].cells[1].innerHTML = 1.33; //ピュア
evaluation_table.rows[3].cells[3].innerHTML = 0; //セクシー
evaluation_table.rows[4].cells[1].innerHTML = 1; //クール
evaluation_table.rows[4].cells[3].innerHTML = 0; //ウォーム
 
evaluation_tag_table.rows[0].cells[1].innerHTML = "中式现代"; //tag1
evaluation_tag_table.rows[0].cells[2].innerHTML = "A"; //tag1
evaluation_tag_table.rows[0].cells[3].innerHTML = 1; //tag1
evaluation_tag_table.rows[1].cells[1].innerHTML = "無し"; //tag2
evaluation_tag_table.rows[1].cells[2].innerHTML = "無し"; //tag2
evaluation_tag_table.rows[1].cells[3].innerHTML = 0; //tag2
}
else{
略
}
}

HTML

<head>内

<script type="text/javascript" src="./javascript_evaluation/evaluation_colosseum.js" charset="UTF-8"></script>

<body>内

<script type="text/javascript" src="./javascript_evaluation/evaluation_colosseum.js" charset="UTF-8"></script>
 
<script type="text/javascript" src="./javascript_evaluation/evaluation_colosseum.js" charset="UTF-8"></script>
 
<table id="evaluation_table" border="1">
<tr><td>简约</td><td class="si">0</td><td>华丽</td><td class="go">0</td></tr>
<tr><td>可愛</td><td class="cu">0</td><td>成熟</td><td class="ad">0</td></tr>
<tr><td>活泼</td><td class="ac">0</td><td>优雅</td><td class="el">0</td></tr>
<tr><td>清纯</td><td class="pu">0</td><td>性感</td><td class="se">0</td></tr>
<tr><td>清涼</td><td class="co">0</td><td>保暖</td><td class="wa">0</td></tr>
</table>
<br>
<table id="evaluation_tag_table" border="1">
<tr><td>tag1</td><td>無し</td><td class="tag1_weight">無し</td><td class="tag1_magnification">0</td></tr>
<tr><td>tag2</td><td>無し</td><td class="tag2_weight">無し</td><td class="tag2_magnification">0</td></tr>
</table>

参考記事

2017年11月22日プログラミングJavaScript

Posted by ナオ