clickイベントとタイマー処理を利用した擬似的なチャット

Question

現在javascriptの勉強をしているものです。

clickイベントとタイマー処理を利用した擬似的なチャットを作成しているのですが、
教材記載のコードでわからない箇所があります。

var answer = ["なるほど！", "ふむふむ", "うーん", "(笑)", "あらら・・・"];

// メッセージ送信処理　引数：送信したいメッセージ(文字列)
function addChatText(val, type) {
  if(!val) return false;

  // チャットに追加するHTMLのタグを生成
  var text = document.createElement('li');
  // テキストを設定
  text.innerHTML = val;
  // 赤文字のスタイルを設定（CSSのclass「message-other」を設定）※ここが分かりません
  if(type == "other"){
    text.classList.add("message-other");
  }
  // 追加対象となる要素を取得
  var chatWindow = document.getElementById("chat-list");
  // appendChild()メソッドで要素とテキストをHTMLに追加
  chatWindow.appendChild(text);
}

// 送信ボタンを押した時にメッセージを送信
document.getElementById("chat-send").addEventListener("click", function(){
  var inputText = document.getElementById("chat-input");
  // addChatText関数を入力値とCSSのclass判別文字列を引数として実行
  addChatText(inputText.value,"you");
  // 入力欄を空欄にする
  inputText.value = "";
});

// 8秒毎にメッセージを送信
setInterval(function(){
  // ランダムの整数を設定
  var index = Math.floor(Math.random() * answer.length);
  // ランダムメッセージを表示
  addChatText(answer[index], "other");
}, 8000);

// 初回のみ1秒後にメッセージを自動送信
setTimeout(function(){
  addChatText("こんにちは！", "other");
}, 1000);

このjavascript記載の

  // 赤文字のスタイルを設定（CSSのclass「message-other」を設定）※ここが分かりません
  if(type == "other"){
    text.classList.add("message-other");
  }

この部分なのですが
if構文の、typeとotherが同等だった場合と書かれていますが、
・なぜif構文が用いられているのか
・otherが何を差すのか(otherについての定義がなされていないように見えるため)
というのが疑問に挙げられます。

大変恐縮ではございますが、お答えしていただけると幸いです。
html、cssも記載させていただきます。
よろしくお願いいたします。

Answer 1

addChatText()の第2引数にわざわざ「"other"」という文字を
渡したときの挙動のように見えます
"you"と"other"を使い分けていますね

Comments

[tooju]

他人がメッセージを書いたときはこうだよ、みたいな書き分けですね！
ありがとうございます！！

Answer 2

それはたんに、typeという文字列変数のナカミが"other"という文字列か、を判断してるだけです

Comments

[tooju]

youかotherか、ということですね！
ありがとうございます！