jqueryキャラ診断での外部テキストの利用
初級レベルの質問かと思いますが、お答え頂けると助かります。
ドットインストールというプログラミングの勉強サイトを利用しているものです。
現在キャラ診断のソースを改造して色々試しています。
■質問内容
下記に元となるソースを転載しております。
このソース内に
var types = ['勇者','魔法使い','戦士','遊び人','スーパースター'];
という部分があり、ここを色々と増やしたいと思いますが、ひたすらここに追加すると非常に管理がしにくくなってしまいます。
そこで、ここの'勇者'や'魔法使い'という、診断結果に表示する項目部分を外部テキスト（おそらくcsvやxmlなどでしょうか？）にするにはどうすればいいでしょうか？
はじめてコチラで質問しているため、質問の仕方などおかしいかもしれませんが、お教え頂ければと思います、宜しくお願いします。
▼ドットインストールにある元ソース（http://dotinstall.com/lessons/shindan_js/4803）
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<title>キャラ診断</title>
</head>
<body style="text-align:center;">
<h1>キャラ診断</h1>
<p><input type="text" id="name" value=""></p>
<p><input type="button" id="shindan" value="診断!"></p>
<h2>診断結果</h2>
<p id="result">こちらに結果が表示されます。</p>
<script>
$('#shindan').click(function() {
var name = $('#name').val();
var types = ['勇者','魔法使い','戦士','遊び人','スーパースター'];
var type = types[Math.floor(Math.random() * types.length)];
var result = name + 'さんは「' + type + '」タイプです！';
$('#result').text(result);
});
</script>
</body>
</html>
お礼
ですよねぇ(笑)