7/11 Homework - (svelte) 구구단, 가위바위보

구구단

<script>
  let gugudan = "";
  let num = "";
  const dan = () => {
    gugudan = "";
    for (let i = 1; i <= 9; i++) {
      gugudan += `${num} * ${i} = ${parseInt(num)*i}<br>`;
    }
  }
</script>
<style>
  input[type="text"]{
    width: 50px;
  }
</style>
<table border="1">
  <tr>
    <th>출력 단수</th>
    <td>
      <input type="text" bind:value={num}/>
    </td>
  </tr>
  <tr>
    <td colspan="2">
      <input type="button" on:click={dan} value="구구단"/>
    </td>
  </tr>
  <tr>
    <td colspan="2">
      <div>{@html gugudan}</div>
    </td>
  </tr>
</table>

가위바위보

<script>
  let com = "";
  let result = "";
  const arr = ["가위", "바위", "보"];
  let mine = "가위";
  function game(){
    var rnd = parseInt(""+Math.random()*3);
    com = arr[rnd];

    if (mine==com){
      result = "비김"
    } else if((mine=="가위" && com=="보") || (mine=="바위" && com=="가위") || (mine=="보" && com=="바위")){
      result = "이김"
    } else {
      result = "짐"
    }
  }
</script>
<table border="1">
  <tr>
    <td>나</td>
    <td>
      <select bind:value={mine}>
        {#each arr as rps}
          <option value="{rps}">
            {rps}
          </option>
        {/each}
      </select>
    </td>
  </tr>
  <tr>
    <td>컴퓨터</td>
    <td>
      {com}
    </td>
  </tr>
  <tr>
    <td>결과</td>
    <td>
      {result}
    </td>
  </tr>
  <tr>
    <td colspan="2">
      <input type="button" value="게임시작" on:click={game}>
    </td>
  </tr>
</table>