<![CDATA[
<p>로그인 페이지 ===========</p><div class="figure-html" data-ke-type="html" data-source="<div class="colorscripter-code" style="color:#f0f0f0;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important;overflow:auto"><table class="colorscripter-code-table" style="margin:0;padding:0;border:none;background-color:#272727;border-radius:4px;" cellspacing="0" cellpadding="0"><tr><td style="padding:6px;border-right:2px solid #4f4f4f"><div style="margin:0;padding:0;word-break:normal;text-align:right;color:#aaa;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="line-height:130%">1</div><div style="line-height:130%">2</div><div style="line-height:130%">3</div><div style="line-height:130%">4</div><div style="line-height:130%">5</div><div style="line-height:130%">6</div><div style="line-height:130%">7</div><div style="line-height:130%">8</div><div style="line-height:130%">9</div><div style="line-height:130%">10</div><div style="line-height:130%">11</div><div style="line-height:130%">12</div><div style="line-height:130%">13</div><div style="line-height:130%">14</div><div style="line-height:130%">15</div><div style="line-height:130%">16</div><div style="line-height:130%">17</div><div style="line-height:130%">18</div><div style="line-height:130%">19</div><div style="line-height:130%">20</div><div style="line-height:130%">21</div><div style="line-height:130%">22</div><div style="line-height:130%">23</div><div style="line-height:130%">24</div><div style="line-height:130%">25</div><div style="line-height:130%">26</div><div style="line-height:130%">27</div><div style="line-height:130%">28</div><div style="line-height:130%">29</div><div style="line-height:130%">30</div><div style="line-height:130%">31</div><div style="line-height:130%">32</div><div style="line-height:130%">33</div><div style="line-height:130%">34</div><div style="line-height:130%">35</div><div style="line-height:130%">36</div><div style="line-height:130%">37</div><div style="line-height:130%">38</div><div style="line-height:130%">39</div><div style="line-height:130%">40</div><div style="line-height:130%">41</div><div style="line-height:130%">42</div><div style="line-height:130%">43</div><div style="line-height:130%">44</div><div style="line-height:130%">45</div><div style="line-height:130%">46</div><div style="line-height:130%">47</div><div style="line-height:130%">48</div><div style="line-height:130%">49</div><div style="line-height:130%">50</div><div style="line-height:130%">51</div><div style="line-height:130%">52</div><div style="line-height:130%">53</div><div style="line-height:130%">54</div><div style="line-height:130%">55</div><div style="line-height:130%">56</div><div style="line-height:130%">57</div><div style="line-height:130%">58</div><div style="line-height:130%">59</div><div style="line-height:130%">60</div><div style="line-height:130%">61</div><div style="line-height:130%">62</div><div style="line-height:130%">63</div><div style="line-height:130%">64</div><div style="line-height:130%">65</div><div style="line-height:130%">66</div><div style="line-height:130%">67</div><div style="line-height:130%">68</div><div style="line-height:130%">69</div><div style="line-height:130%">70</div><div style="line-height:130%">71</div><div style="line-height:130%">72</div><div style="line-height:130%">73</div><div style="line-height:130%">74</div><div style="line-height:130%">75</div><div style="line-height:130%">76</div><div style="line-height:130%">77</div></div></td><td style="padding:6px 0;text-align:left"><div style="margin:0;padding:0;color:#f0f0f0;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">!DOCTYPE</span>&nbsp;<span style="color:#a8ff58">html</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">html</span>&nbsp;<span style="color:#a8ff58">lang</span>=<span style="color:#ffd500">"ko"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">head</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">meta</span>&nbsp;<span style="color:#a8ff58">charset</span>=<span style="color:#ffd500">"UTF-8"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">meta</span>&nbsp;<span style="color:#a8ff58">name</span>=<span style="color:#ffd500">"viewport"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">content</span>=<span style="color:#ffd500">"width=device-width,&nbsp;initial-scale=1.0"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">title</span><span style="color:#f0f0f0">&gt;</span>4월&nbsp;12일&nbsp;과제-로그인<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">title</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">link</span>&nbsp;<span style="color:#a8ff58">rel</span>=<span style="color:#ffd500">"stylesheet"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">href</span>=<span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">script</span>&nbsp;<span style="color:#a8ff58">src</span>=<span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.slim.min.js"</span><span style="color:#ff3399"></span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">script</span>&nbsp;<span style="color:#a8ff58">src</span>=<span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"</span><span style="color:#ff3399"></span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">script</span>&nbsp;<span style="color:#a8ff58">src</span>=<span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"</span><span style="color:#ff3399"></span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">style</span><span style="color:#f0f0f0">&gt;</span><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;body</span>{<span style="color:#4be6fa">padding-left</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;100px</span><span style="color:#ff3399">;</span><span style="color:#4be6fa">&nbsp;width</span><span style="color:#ff3399">:</span><span style="color:#E083FF">100%</span><span style="color:#ff3399">;</span><span style="color:#E083FF"></span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;.container&nbsp;</span>{<span style="color:#4be6fa">&nbsp;background</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;#ebeef1</span><span style="color:#ff3399">;</span><span style="color:#4be6fa">&nbsp;border-bottom-left-radius</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;150px</span><span style="color:#ff3399">;</span><span style="color:#4be6fa">&nbsp;padding</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;2%&nbsp;5%&nbsp;5%&nbsp;10%</span><span style="color:#ff3399">;</span><span style="color:#4be6fa">&nbsp;max-width</span><span style="color:#ff3399">:</span><span style="color:#E083FF">100%</span><span style="color:#ff3399">;</span><span style="color:#E083FF">&nbsp;</span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;.text_area&nbsp;</span>{<span style="color:#4be6fa">&nbsp;margin-top</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;90px</span><span style="color:#ff3399">;</span><span style="color:#4be6fa">&nbsp;display</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;inline-block</span><span style="color:#ff3399">;</span><span style="color:#4be6fa">&nbsp;width</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;47%</span><span style="color:#ff3399">;</span><span style="color:#4be6fa">&nbsp;margin-right</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;3%</span><span style="color:#ff3399">;</span><span style="color:#4be6fa">&nbsp;vertical-align</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;top</span><span style="color:#ff3399">;</span><span style="color:#4be6fa">&nbsp;word-break</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;keep-all</span><span style="color:#ff3399">;</span><span style="color:#E083FF"></span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;.visual_area&nbsp;</span>{<span style="color:#4be6fa">&nbsp;height</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;100%</span><span style="color:#ff3399">;</span><span style="color:#4be6fa">&nbsp;display</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;inline-block</span><span style="color:#ff3399">;</span><span style="color:#4be6fa">&nbsp;width</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;48%</span><span style="color:#ff3399">;</span><span style="color:#4be6fa">&nbsp;vertical-align</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;bottom</span><span style="color:#ff3399">;</span><span style="color:#4be6fa">&nbsp;text-align</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;center</span><span style="color:#ff3399">;</span><span style="color:#E083FF"></span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;footer&nbsp;</span>{<span style="color:#4be6fa">padding</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;30px&nbsp;0&nbsp;30px&nbsp;10%</span><span style="color:#ff3399">;</span><span style="color:#4be6fa">&nbsp;font-size</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;14px</span><span style="color:#ff3399">;</span><span style="color:#4be6fa">&nbsp;color</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;#333</span><span style="color:#ff3399">;</span><span style="color:#E083FF"></span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;@media&nbsp;screen&nbsp;and&nbsp;</span>(<span style="color:#a8ff58">max-width</span><span style="color:#ff3399">:</span><span style="color:#a8ff58">&nbsp;760px</span>)<span style="color:#ff3399"></span>{<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.text_area&nbsp;</span>{<span style="color:#4be6fa">width</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;100%</span><span style="color:#ff3399">;</span><span style="color:#4be6fa">&nbsp;margin</span><span style="color:#ff3399">:</span><span style="color:#E083FF">0</span><span style="color:#ff3399">;</span><span style="color:#E083FF">&nbsp;</span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.visual_area&nbsp;</span>{<span style="color:#4be6fa">&nbsp;height</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;50%</span><span style="color:#ff3399">;</span><span style="color:#4be6fa">&nbsp;min-width</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;465px</span><span style="color:#ff3399">;</span><span style="color:#4be6fa">&nbsp;width</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;100%</span><span style="color:#ff3399">;</span><span style="color:#4be6fa">&nbsp;background-size</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;90%</span><span style="color:#ff3399">;</span><span style="color:#E083FF"></span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;footer&nbsp;</span>{<span style="color:#4be6fa">text-align</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;right</span><span style="color:#ff3399">;</span><span style="color:#4be6fa">&nbsp;padding</span><span style="color:#ff3399">:</span><span style="color:#E083FF">30px&nbsp;5%</span><span style="color:#ff3399">;</span><span style="color:#E083FF"></span>}<span style="color:#E083FF"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#E083FF">&nbsp;&nbsp;&nbsp;&nbsp;</span>}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">style</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ffd500">'use&nbsp;strict'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">function</span>&nbsp;loginCheck(){</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;form&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#4be6fa">document</span>.<span style="color:#4be6fa">getElementById</span>(<span style="color:#ffd500">"form_user_login"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;uid&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;form.uid.value.trim();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;pwd&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;form.pwd.value.trim();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">if</span>(uid&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">""</span>){</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">alert</span>(<span style="color:#ffd500">"아이디를&nbsp;입력해주세요."</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;form.uid.focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">else</span>&nbsp;<span style="color:#ff3399">if</span>(uid.<span style="color:#4be6fa">length</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>&nbsp;<span style="color:#c10aff">5</span>){</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">alert</span>(<span style="color:#ffd500">"아이디는&nbsp;5자&nbsp;이상입니다."</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;form.uid.focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">else</span>&nbsp;<span style="color:#ff3399">if</span>(pwd&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">""</span>){</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">alert</span>(<span style="color:#ffd500">"비밀번호를&nbsp;입력해주세요."</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;form.pwd.focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">else</span>&nbsp;<span style="color:#ff3399">if</span>(uid&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"admin"</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&amp;</span>&nbsp;pwd&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"asd1234^^"</span>){</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">alert</span>(<span style="color:#ffd500">"관리자님&nbsp;로그인&nbsp;되었습니다."</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;form.submit();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">else</span>&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">alert</span>(<span style="color:#ffd500">"지금은&nbsp;관리자만&nbsp;로그인&nbsp;가능합니다."</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;form.uid.value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">""</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;form.pwd.value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">""</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;form.uid.focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">head</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">body</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">div</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"container"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">div</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"text_area"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">h2</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"mb-5"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span>Member&nbsp;Login<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">h2</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">form</span>&nbsp;<span style="color:#a8ff58">id</span>=<span style="color:#ffd500">"form_user_login"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">action</span>=<span style="color:#ffd500">"main.html"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">div</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"form-group"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">label</span>&nbsp;<span style="color:#a8ff58">for</span>=<span style="color:#ffd500">"uid"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span>아이디&nbsp;:&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">label</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">input</span>&nbsp;<span style="color:#a8ff58">type</span>=<span style="color:#ffd500">"text"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"form-control"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">id</span>=<span style="color:#ffd500">"uid"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">name</span>=<span style="color:#ffd500">"uid"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">required</span>&nbsp;<span style="color:#a8ff58">/</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">div</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"form-group"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">label</span>&nbsp;<span style="color:#a8ff58">for</span>=<span style="color:#ffd500">"pwd"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span>비밀번호&nbsp;:&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">label</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">input</span>&nbsp;<span style="color:#a8ff58">type</span>=<span style="color:#ffd500">"password"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"form-control"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">id</span>=<span style="color:#ffd500">"pwd"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">name</span>=<span style="color:#ffd500">"pwd"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">required</span>&nbsp;<span style="color:#a8ff58">/</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">button</span>&nbsp;<span style="color:#a8ff58">type</span>=<span style="color:#ffd500">"button"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"btn&nbsp;btn-primary"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">xxxxonclick</span>=<span style="color:#ffd500">"loginCheck()"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span>로그인<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">button</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">form</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">div</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"visual_area"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">img</span>&nbsp;<span style="color:#a8ff58">src</span>=<span style="color:#ffd500">"img/loginBg.png"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">alt</span>=<span style="color:#ffd500">"로그인&nbsp;이미지"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">footer</span><span style="color:#f0f0f0">&gt;</span>Copyright&nbsp;ⓒ&nbsp;Eunha.&nbsp;All&nbsp;rights&nbsp;reserved.<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">footer</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">body</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">html</span><span style="color:#f0f0f0">&gt;</span></div></div><div style="text-align:right;margin-top:-13px;margin-right:5px;font-size:9px;font-style:italic"><a href="http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter</a></div></td><td style="vertical-align:bottom;padding:0 2px 4px 0"><a href="http://colorscripter.com/info#e" target="_blank" style="text-decoration:none;color:white"><span style="font-size:9px;word-break:normal;background-color:#4f4f4f;color:white;border-radius:10px;padding:1px">cs</span></a></td></tr></table></div>"><div data-ke-class="article"><div class="colorscripter-code" style="color:#f0f0f0;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important;overflow:auto"><table class="colorscripter-code-table" style="margin:0;padding:0;border:none;background-color:#272727;border-radius:4px;" cellspacing="0" cellpadding="0"><tr><td style="padding:6px;border-right:2px solid #4f4f4f"><div style="margin:0;padding:0;word-break:normal;text-align:right;color:#aaa;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="line-height:130%">1</div><div style="line-height:130%">2</div><div style="line-height:130%">3</div><div style="line-height:130%">4</div><div style="line-height:130%">5</div><div style="line-height:130%">6</div><div style="line-height:130%">7</div><div style="line-height:130%">8</div><div style="line-height:130%">9</div><div style="line-height:130%">10</div><div style="line-height:130%">11</div><div style="line-height:130%">12</div><div style="line-height:130%">13</div><div style="line-height:130%">14</div><div style="line-height:130%">15</div><div style="line-height:130%">16</div><div style="line-height:130%">17</div><div style="line-height:130%">18</div><div style="line-height:130%">19</div><div style="line-height:130%">20</div><div style="line-height:130%">21</div><div style="line-height:130%">22</div><div style="line-height:130%">23</div><div style="line-height:130%">24</div><div style="line-height:130%">25</div><div style="line-height:130%">26</div><div style="line-height:130%">27</div><div style="line-height:130%">28</div><div style="line-height:130%">29</div><div style="line-height:130%">30</div><div style="line-height:130%">31</div><div style="line-height:130%">32</div><div style="line-height:130%">33</div><div style="line-height:130%">34</div><div style="line-height:130%">35</div><div style="line-height:130%">36</div><div style="line-height:130%">37</div><div style="line-height:130%">38</div><div style="line-height:130%">39</div><div style="line-height:130%">40</div><div style="line-height:130%">41</div><div style="line-height:130%">42</div><div style="line-height:130%">43</div><div style="line-height:130%">44</div><div style="line-height:130%">45</div><div style="line-height:130%">46</div><div style="line-height:130%">47</div><div style="line-height:130%">48</div><div style="line-height:130%">49</div><div style="line-height:130%">50</div><div style="line-height:130%">51</div><div style="line-height:130%">52</div><div style="line-height:130%">53</div><div style="line-height:130%">54</div><div style="line-height:130%">55</div><div style="line-height:130%">56</div><div style="line-height:130%">57</div><div style="line-height:130%">58</div><div style="line-height:130%">59</div><div style="line-height:130%">60</div><div style="line-height:130%">61</div><div style="line-height:130%">62</div><div style="line-height:130%">63</div><div style="line-height:130%">64</div><div style="line-height:130%">65</div><div style="line-height:130%">66</div><div style="line-height:130%">67</div><div style="line-height:130%">68</div><div style="line-height:130%">69</div><div style="line-height:130%">70</div><div style="line-height:130%">71</div><div style="line-height:130%">72</div><div style="line-height:130%">73</div><div style="line-height:130%">74</div><div style="line-height:130%">75</div><div style="line-height:130%">76</div><div style="line-height:130%">77</div></div></td><td style="padding:6px 0;text-align:left"><div style="margin:0;padding:0;color:#f0f0f0;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0"><</span><span style="color:#ff3399">!DOCTYPE</span> <span style="color:#a8ff58">html</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0"><</span><span style="color:#ff3399">html</span> <span style="color:#a8ff58">lang</span>=<span style="color:#ffd500">"ko"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0"><</span><span style="color:#ff3399">head</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">meta</span> <span style="color:#a8ff58">charset</span>=<span style="color:#ffd500">"UTF-8"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">meta</span> <span style="color:#a8ff58">name</span>=<span style="color:#ffd500">"viewport"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">content</span>=<span style="color:#ffd500">"width=device-width, initial-scale=1.0"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">title</span><span style="color:#f0f0f0">></span>4월 12일 과제-로그인<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">title</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">link</span> <span style="color:#a8ff58">rel</span>=<span style="color:#ffd500">"stylesheet"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">href</span>=<span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">script</span> <span style="color:#a8ff58">src</span>=<span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.slim.min.js"</span><span style="color:#ff3399"></span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">script</span> <span style="color:#a8ff58">src</span>=<span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"</span><span style="color:#ff3399"></span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">script</span> <span style="color:#a8ff58">src</span>=<span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"</span><span style="color:#ff3399"></span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">style</span><span style="color:#f0f0f0">></span><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> body</span>{<span style="color:#4be6fa">padding-left</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> 100px</span><span style="color:#ff3399">;</span><span style="color:#4be6fa"> width</span><span style="color:#ff3399">:</span><span style="color:#E083FF">100%</span><span style="color:#ff3399">;</span><span style="color:#E083FF"></span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> .container </span>{<span style="color:#4be6fa"> background</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> #ebeef1</span><span style="color:#ff3399">;</span><span style="color:#4be6fa"> border-bottom-left-radius</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> 150px</span><span style="color:#ff3399">;</span><span style="color:#4be6fa"> padding</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> 2% 5% 5% 10%</span><span style="color:#ff3399">;</span><span style="color:#4be6fa"> max-width</span><span style="color:#ff3399">:</span><span style="color:#E083FF">100%</span><span style="color:#ff3399">;</span><span style="color:#E083FF"> </span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> .text_area </span>{<span style="color:#4be6fa"> margin-top</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> 90px</span><span style="color:#ff3399">;</span><span style="color:#4be6fa"> display</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> inline-block</span><span style="color:#ff3399">;</span><span style="color:#4be6fa"> width</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> 47%</span><span style="color:#ff3399">;</span><span style="color:#4be6fa"> margin-right</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> 3%</span><span style="color:#ff3399">;</span><span style="color:#4be6fa"> vertical-align</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> top</span><span style="color:#ff3399">;</span><span style="color:#4be6fa"> word-break</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> keep-all</span><span style="color:#ff3399">;</span><span style="color:#E083FF"></span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> .visual_area </span>{<span style="color:#4be6fa"> height</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> 100%</span><span style="color:#ff3399">;</span><span style="color:#4be6fa"> display</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> inline-block</span><span style="color:#ff3399">;</span><span style="color:#4be6fa"> width</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> 48%</span><span style="color:#ff3399">;</span><span style="color:#4be6fa"> vertical-align</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> bottom</span><span style="color:#ff3399">;</span><span style="color:#4be6fa"> text-align</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> center</span><span style="color:#ff3399">;</span><span style="color:#E083FF"></span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> footer </span>{<span style="color:#4be6fa">padding</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> 30px 0 30px 10%</span><span style="color:#ff3399">;</span><span style="color:#4be6fa"> font-size</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> 14px</span><span style="color:#ff3399">;</span><span style="color:#4be6fa"> color</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> #333</span><span style="color:#ff3399">;</span><span style="color:#E083FF"></span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> @media screen and </span>(<span style="color:#a8ff58">max-width</span><span style="color:#ff3399">:</span><span style="color:#a8ff58"> 760px</span>)<span style="color:#ff3399"></span>{<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> .text_area </span>{<span style="color:#4be6fa">width</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> 100%</span><span style="color:#ff3399">;</span><span style="color:#4be6fa"> margin</span><span style="color:#ff3399">:</span><span style="color:#E083FF">0</span><span style="color:#ff3399">;</span><span style="color:#E083FF"> </span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> .visual_area </span>{<span style="color:#4be6fa"> height</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> 50%</span><span style="color:#ff3399">;</span><span style="color:#4be6fa"> min-width</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> 465px</span><span style="color:#ff3399">;</span><span style="color:#4be6fa"> width</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> 100%</span><span style="color:#ff3399">;</span><span style="color:#4be6fa"> background-size</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> 90%</span><span style="color:#ff3399">;</span><span style="color:#E083FF"></span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> footer </span>{<span style="color:#4be6fa">text-align</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> right</span><span style="color:#ff3399">;</span><span style="color:#4be6fa"> padding</span><span style="color:#ff3399">:</span><span style="color:#E083FF">30px 5%</span><span style="color:#ff3399">;</span><span style="color:#E083FF"></span>}<span style="color:#E083FF"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#E083FF"> </span>}</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">style</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ffd500">'use strict'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">function</span> loginCheck(){</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> form <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#4be6fa">document</span>.<span style="color:#4be6fa">getElementById</span>(<span style="color:#ffd500">"form_user_login"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> uid <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> form.uid.value.trim();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> pwd <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> form.pwd.value.trim();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">if</span>(uid <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">""</span>){</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#4be6fa">alert</span>(<span style="color:#ffd500">"아이디를 입력해주세요."</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> form.uid.focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">else</span> <span style="color:#ff3399">if</span>(uid.<span style="color:#4be6fa">length</span> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span> <span style="color:#c10aff">5</span>){</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#4be6fa">alert</span>(<span style="color:#ffd500">"아이디는 5자 이상입니다."</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> form.uid.focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">else</span> <span style="color:#ff3399">if</span>(pwd <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">""</span>){</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#4be6fa">alert</span>(<span style="color:#ffd500">"비밀번호를 입력해주세요."</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> form.pwd.focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">else</span> <span style="color:#ff3399">if</span>(uid <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"admin"</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">&</span> pwd <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"asd1234^^"</span>){</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#4be6fa">alert</span>(<span style="color:#ffd500">"관리자님 로그인 되었습니다."</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> form.submit();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">else</span> {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#4be6fa">alert</span>(<span style="color:#ffd500">"지금은 관리자만 로그인 가능합니다."</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> form.uid.value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">""</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> form.pwd.value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">""</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> form.uid.focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">head</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0"><</span><span style="color:#ff3399">body</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">div</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"container"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">div</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"text_area"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">h2</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"mb-5"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span>Member Login<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">h2</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">form</span> <span style="color:#a8ff58">id</span>=<span style="color:#ffd500">"form_user_login"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">action</span>=<span style="color:#ffd500">"main.html"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">div</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"form-group"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">label</span> <span style="color:#a8ff58">for</span>=<span style="color:#ffd500">"uid"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span>아이디 : <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">label</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">input</span> <span style="color:#a8ff58">type</span>=<span style="color:#ffd500">"text"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"form-control"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">id</span>=<span style="color:#ffd500">"uid"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">name</span>=<span style="color:#ffd500">"uid"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">required</span> <span style="color:#a8ff58">/</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">div</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"form-group"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">label</span> <span style="color:#a8ff58">for</span>=<span style="color:#ffd500">"pwd"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span>비밀번호 : <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">label</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">input</span> <span style="color:#a8ff58">type</span>=<span style="color:#ffd500">"password"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"form-control"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">id</span>=<span style="color:#ffd500">"pwd"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">name</span>=<span style="color:#ffd500">"pwd"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">required</span> <span style="color:#a8ff58">/</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">button</span> <span style="color:#a8ff58">type</span>=<span style="color:#ffd500">"button"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"btn btn-primary"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">xxxxonclick</span>=<span style="color:#ffd500">"loginCheck()"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span>로그인<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">button</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">form</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">div</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"visual_area"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#ff3399">img</span> <span style="color:#a8ff58">src</span>=<span style="color:#ffd500">"img/loginBg.png"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">alt</span>=<span style="color:#ffd500">"로그인 이미지"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">footer</span><span style="color:#f0f0f0">></span>Copyright ⓒ Eunha. All rights reserved.<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">footer</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">body</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">html</span><span style="color:#f0f0f0">></span></div></div><div style="text-align:right;margin-top:-13px;margin-right:5px;font-size:9px;font-style:italic"><a href="http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter</a></div></td><td style="vertical-align:bottom;padding:0 2px 4px 0"><a href="http://colorscripter.com/info#e" target="_blank" style="text-decoration:none;color:white"><span style="font-size:9px;word-break:normal;background-color:#4f4f4f;color:white;border-radius:10px;padding:1px">cs</span></a></td></tr></table></div></div></div><p>메인페이지 ==============</p><div class="figure-html" data-ke-type="html" data-source="<div class="colorscripter-code" style="color:#f0f0f0;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important;overflow:auto"><table class="colorscripter-code-table" style="margin:0;padding:0;border:none;background-color:#272727;border-radius:4px;" cellspacing="0" cellpadding="0"><tr><td style="padding:6px;border-right:2px solid #4f4f4f"><div style="margin:0;padding:0;word-break:normal;text-align:right;color:#aaa;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="line-height:130%">1</div><div style="line-height:130%">2</div><div style="line-height:130%">3</div><div style="line-height:130%">4</div><div style="line-height:130%">5</div><div style="line-height:130%">6</div><div style="line-height:130%">7</div><div style="line-height:130%">8</div><div style="line-height:130%">9</div><div style="line-height:130%">10</div><div style="line-height:130%">11</div><div style="line-height:130%">12</div><div style="line-height:130%">13</div><div style="line-height:130%">14</div><div style="line-height:130%">15</div><div style="line-height:130%">16</div><div style="line-height:130%">17</div><div style="line-height:130%">18</div><div style="line-height:130%">19</div><div style="line-height:130%">20</div><div style="line-height:130%">21</div><div style="line-height:130%">22</div><div style="line-height:130%">23</div><div style="line-height:130%">24</div><div style="line-height:130%">25</div><div style="line-height:130%">26</div><div style="line-height:130%">27</div><div style="line-height:130%">28</div><div style="line-height:130%">29</div><div style="line-height:130%">30</div><div style="line-height:130%">31</div><div style="line-height:130%">32</div><div style="line-height:130%">33</div><div style="line-height:130%">34</div><div style="line-height:130%">35</div><div style="line-height:130%">36</div><div style="line-height:130%">37</div><div style="line-height:130%">38</div><div style="line-height:130%">39</div><div style="line-height:130%">40</div><div style="line-height:130%">41</div><div style="line-height:130%">42</div><div style="line-height:130%">43</div><div style="line-height:130%">44</div><div style="line-height:130%">45</div><div style="line-height:130%">46</div><div style="line-height:130%">47</div><div style="line-height:130%">48</div><div style="line-height:130%">49</div><div style="line-height:130%">50</div><div style="line-height:130%">51</div><div style="line-height:130%">52</div><div style="line-height:130%">53</div><div style="line-height:130%">54</div><div style="line-height:130%">55</div><div style="line-height:130%">56</div><div style="line-height:130%">57</div><div style="line-height:130%">58</div><div style="line-height:130%">59</div><div style="line-height:130%">60</div><div style="line-height:130%">61</div><div style="line-height:130%">62</div><div style="line-height:130%">63</div><div style="line-height:130%">64</div><div style="line-height:130%">65</div><div style="line-height:130%">66</div><div style="line-height:130%">67</div><div style="line-height:130%">68</div><div style="line-height:130%">69</div><div style="line-height:130%">70</div><div style="line-height:130%">71</div><div style="line-height:130%">72</div><div style="line-height:130%">73</div><div style="line-height:130%">74</div><div style="line-height:130%">75</div><div style="line-height:130%">76</div><div style="line-height:130%">77</div><div style="line-height:130%">78</div><div style="line-height:130%">79</div><div style="line-height:130%">80</div><div style="line-height:130%">81</div><div style="line-height:130%">82</div><div style="line-height:130%">83</div><div style="line-height:130%">84</div><div style="line-height:130%">85</div><div style="line-height:130%">86</div><div style="line-height:130%">87</div><div style="line-height:130%">88</div><div style="line-height:130%">89</div><div style="line-height:130%">90</div><div style="line-height:130%">91</div><div style="line-height:130%">92</div><div style="line-height:130%">93</div><div style="line-height:130%">94</div><div style="line-height:130%">95</div><div style="line-height:130%">96</div><div style="line-height:130%">97</div><div style="line-height:130%">98</div><div style="line-height:130%">99</div><div style="line-height:130%">100</div><div style="line-height:130%">101</div><div style="line-height:130%">102</div><div style="line-height:130%">103</div></div></td><td style="padding:6px 0;text-align:left"><div style="margin:0;padding:0;color:#f0f0f0;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">!DOCTYPE</span>&nbsp;<span style="color:#a8ff58">html</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">html</span>&nbsp;<span style="color:#a8ff58">lang</span>=<span style="color:#ffd500">"ko"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">head</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">title</span><span style="color:#f0f0f0">&gt;</span>2024-04-12&nbsp;숙제-main<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">title</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">meta</span>&nbsp;<span style="color:#a8ff58">charset</span>=<span style="color:#ffd500">"utf-8"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">meta</span>&nbsp;<span style="color:#a8ff58">name</span>=<span style="color:#ffd500">"viewport"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">content</span>=<span style="color:#ffd500">"width=device-width,&nbsp;initial-scale=1"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">link</span>&nbsp;<span style="color:#a8ff58">rel</span>=<span style="color:#ffd500">"stylesheet"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">href</span>=<span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">script</span>&nbsp;<span style="color:#a8ff58">src</span>=<span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.slim.min.js"</span><span style="color:#ff3399"></span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">script</span>&nbsp;<span style="color:#a8ff58">src</span>=<span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"</span><span style="color:#ff3399"></span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">script</span>&nbsp;<span style="color:#a8ff58">src</span>=<span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"</span><span style="color:#ff3399"></span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">style</span><span style="color:#f0f0f0">&gt;</span><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;.container&nbsp;</span>{<span style="color:#4be6fa">margin</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;50px&nbsp;auto</span><span style="color:#ff3399">;</span><span style="color:#E083FF"></span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;.fakeimg&nbsp;</span>{<span style="color:#4be6fa"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#4be6fa">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;height</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;200px</span><span style="color:#ff3399">;</span><span style="color:#4be6fa"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#4be6fa">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;#aaa</span><span style="color:#ff3399">;</span><span style="color:#E083FF"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#E083FF">&nbsp;&nbsp;&nbsp;&nbsp;</span>}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">style</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ffd500">'use&nbsp;strict'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">function</span>&nbsp;logoutCheck(){</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;ans&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;[안내]태그제한으로등록되지않습니다(<span style="color:#ffd500">"로그아웃&nbsp;하시겠습니까?&nbsp;(Y/N)"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">if</span>(ans.trim().toUpperCase()&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"Y"</span>){</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">location</span>.href&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">'./login.html'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">window</span>.<span style="color:#4be6fa">xxxxonload</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ff3399">function</span>&nbsp;(){</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;colors&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;[<span style="color:#ffd500">'white'</span>,&nbsp;<span style="color:#ffd500">'#ffe6e6'</span>,<span style="color:#ffd500">'#ffffb3'</span>,<span style="color:#ffd500">'#ffffb3'</span>,<span style="color:#ffd500">'#f2e6ff'</span>,<span style="color:#ffd500">'#e6f7ff'</span>,<span style="color:#ffd500">'#ffddcc'</span>];</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;num&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#4be6fa">parseInt</span>(Math.random()<span style="color:#aaffaa"></span><span style="color:#ff3399">*</span><span style="color:#c10aff">7</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">document</span>.querySelector(<span style="color:#ffd500">'.jumbotron'</span>).style.backgroundColor&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;colors[num];</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">head</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">body</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">div</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"jumbotron&nbsp;text-center&nbsp;mb-0"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">h1</span><span style="color:#f0f0f0">&gt;</span>2024-04-12&nbsp;숙제<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">h1</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">&gt;</span>Resize&nbsp;this&nbsp;responsive&nbsp;page&nbsp;to&nbsp;see&nbsp;the&nbsp;effect!<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">&gt;</span>&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">nav</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"navbar&nbsp;navbar-expand-sm&nbsp;bg-dark&nbsp;navbar-dark"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">a</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"navbar-brand"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">href</span>=<span style="color:#ffd500">"main.html"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span>Main<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">a</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">button</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"navbar-toggler"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">type</span>=<span style="color:#ffd500">"button"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">data-toggle</span>=<span style="color:#ffd500">"collapse"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">data-target</span>=<span style="color:#ffd500">"#collapsibleNavbar"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">span</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"navbar-toggler-icon"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">span</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">button</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">div</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"collapse&nbsp;navbar-collapse"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">id</span>=<span style="color:#ffd500">"collapsibleNavbar"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">ul</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"navbar-nav&nbsp;mr-auto"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">li</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-item"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">a</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-link"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">href</span>=<span style="color:#ffd500">"game1.html"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span>숫자맞추기게임<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">a</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">li</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">li</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-item"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">a</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-link"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">href</span>=<span style="color:#ffd500">"game2.html"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span>가위바위보게임<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">a</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">li</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">ul</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">button</span>&nbsp;<span style="color:#a8ff58">type</span>=<span style="color:#ffd500">"button"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"btn&nbsp;btn-primary&nbsp;btn-sm"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">xxxxonclick</span>=<span style="color:#ffd500">"logoutCheck()"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span>로그아웃<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">button</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">&gt;</span>&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">nav</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">div</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"container"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">style</span>=<span style="color:#ffd500">"margin-top:30px"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">div</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"row"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">div</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"col-sm-4"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">h2</span><span style="color:#f0f0f0">&gt;</span>About&nbsp;Me<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">h2</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">h5</span><span style="color:#f0f0f0">&gt;</span>Photo&nbsp;of&nbsp;me:<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">h5</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">div</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"fakeimg"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span>Fake&nbsp;Image<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">&gt;</span>Some&nbsp;text&nbsp;about&nbsp;me&nbsp;in&nbsp;culpa&nbsp;qui&nbsp;officia&nbsp;deserunt&nbsp;mollit&nbsp;anim..<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">h3</span><span style="color:#f0f0f0">&gt;</span>Some&nbsp;Links<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">h3</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">&gt;</span>Lorem&nbsp;ipsum&nbsp;dolor&nbsp;sit&nbsp;ame.<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">ul</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav&nbsp;nav-pills&nbsp;flex-column"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">li</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-item"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">a</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-link&nbsp;active"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">href</span>=<span style="color:#ffd500">"#"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span>Active<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">a</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">li</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">li</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-item"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">a</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-link"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">href</span>=<span style="color:#ffd500">"#"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span>Link<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">a</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">li</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">li</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-item"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">a</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-link"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">href</span>=<span style="color:#ffd500">"#"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span>Link<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">a</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">li</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">li</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-item"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">a</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-link&nbsp;disabled"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">href</span>=<span style="color:#ffd500">"#"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span>Disabled<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">a</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">li</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">ul</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">hr</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"d-sm-none"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">div</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"col-sm-8"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">h2</span><span style="color:#f0f0f0">&gt;</span>TITLE&nbsp;HEADING<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">h2</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">h5</span><span style="color:#f0f0f0">&gt;</span>Title&nbsp;description,&nbsp;Dec&nbsp;7,&nbsp;2017<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">h5</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">div</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"fakeimg"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span>Fake&nbsp;Image<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">&gt;</span>Some&nbsp;text..<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">&gt;</span>Sunt&nbsp;in&nbsp;culpa&nbsp;qui&nbsp;officia&nbsp;deserunt&nbsp;mollit&nbsp;anim&nbsp;id&nbsp;est&nbsp;laborum&nbsp;consectetur&nbsp;adipiscing&nbsp;elit,&nbsp;sed&nbsp;do&nbsp;eiusmod&nbsp;tempor&nbsp;incididunt&nbsp;ut&nbsp;labore&nbsp;et&nbsp;dolore&nbsp;magna&nbsp;aliqua.&nbsp;Ut&nbsp;enim&nbsp;ad&nbsp;minim&nbsp;veniam,&nbsp;quis&nbsp;nostrud&nbsp;exercitation&nbsp;ullamco.<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">br</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">h2</span><span style="color:#f0f0f0">&gt;</span>TITLE&nbsp;HEADING<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">h2</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">h5</span><span style="color:#f0f0f0">&gt;</span>Title&nbsp;description,&nbsp;Sep&nbsp;2,&nbsp;2017<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">h5</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">div</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"fakeimg"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span>Fake&nbsp;Image<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">&gt;</span>Some&nbsp;text..<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">&gt;</span>Sunt&nbsp;in&nbsp;culpa&nbsp;qui&nbsp;officia&nbsp;deserunt&nbsp;mollit&nbsp;anim&nbsp;id&nbsp;est&nbsp;laborum&nbsp;consectetur&nbsp;adipiscing&nbsp;elit,&nbsp;sed&nbsp;do&nbsp;eiusmod&nbsp;tempor&nbsp;incididunt&nbsp;ut&nbsp;labore&nbsp;et&nbsp;dolore&nbsp;magna&nbsp;aliqua.&nbsp;Ut&nbsp;enim&nbsp;ad&nbsp;minim&nbsp;veniam,&nbsp;quis&nbsp;nostrud&nbsp;exercitation&nbsp;ullamco.<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">footer</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"jumbotron&nbsp;text-center&nbsp;mb-0"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span>Copyright&nbsp;ⓒ&nbsp;Eunha.&nbsp;All&nbsp;rights&nbsp;reserved.<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">footer</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">body</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">html</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div></div><div style="text-align:right;margin-top:-13px;margin-right:5px;font-size:9px;font-style:italic"><a href="http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter</a></div></td><td style="vertical-align:bottom;padding:0 2px 4px 0"><a href="http://colorscripter.com/info#e" target="_blank" style="text-decoration:none;color:white"><span style="font-size:9px;word-break:normal;background-color:#4f4f4f;color:white;border-radius:10px;padding:1px">cs</span></a></td></tr></table></div>"><div data-ke-class="article"><div class="colorscripter-code" style="color:#f0f0f0;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important;overflow:auto"><table class="colorscripter-code-table" style="margin:0;padding:0;border:none;background-color:#272727;border-radius:4px;" cellspacing="0" cellpadding="0"><tr><td style="padding:6px;border-right:2px solid #4f4f4f"><div style="margin:0;padding:0;word-break:normal;text-align:right;color:#aaa;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="line-height:130%">1</div><div style="line-height:130%">2</div><div style="line-height:130%">3</div><div style="line-height:130%">4</div><div style="line-height:130%">5</div><div style="line-height:130%">6</div><div style="line-height:130%">7</div><div style="line-height:130%">8</div><div style="line-height:130%">9</div><div style="line-height:130%">10</div><div style="line-height:130%">11</div><div style="line-height:130%">12</div><div style="line-height:130%">13</div><div style="line-height:130%">14</div><div style="line-height:130%">15</div><div style="line-height:130%">16</div><div style="line-height:130%">17</div><div style="line-height:130%">18</div><div style="line-height:130%">19</div><div style="line-height:130%">20</div><div style="line-height:130%">21</div><div style="line-height:130%">22</div><div style="line-height:130%">23</div><div style="line-height:130%">24</div><div style="line-height:130%">25</div><div style="line-height:130%">26</div><div style="line-height:130%">27</div><div style="line-height:130%">28</div><div style="line-height:130%">29</div><div style="line-height:130%">30</div><div style="line-height:130%">31</div><div style="line-height:130%">32</div><div style="line-height:130%">33</div><div style="line-height:130%">34</div><div style="line-height:130%">35</div><div style="line-height:130%">36</div><div style="line-height:130%">37</div><div style="line-height:130%">38</div><div style="line-height:130%">39</div><div style="line-height:130%">40</div><div style="line-height:130%">41</div><div style="line-height:130%">42</div><div style="line-height:130%">43</div><div style="line-height:130%">44</div><div style="line-height:130%">45</div><div style="line-height:130%">46</div><div style="line-height:130%">47</div><div style="line-height:130%">48</div><div style="line-height:130%">49</div><div style="line-height:130%">50</div><div style="line-height:130%">51</div><div style="line-height:130%">52</div><div style="line-height:130%">53</div><div style="line-height:130%">54</div><div style="line-height:130%">55</div><div style="line-height:130%">56</div><div style="line-height:130%">57</div><div style="line-height:130%">58</div><div style="line-height:130%">59</div><div style="line-height:130%">60</div><div style="line-height:130%">61</div><div style="line-height:130%">62</div><div style="line-height:130%">63</div><div style="line-height:130%">64</div><div style="line-height:130%">65</div><div style="line-height:130%">66</div><div style="line-height:130%">67</div><div style="line-height:130%">68</div><div style="line-height:130%">69</div><div style="line-height:130%">70</div><div style="line-height:130%">71</div><div style="line-height:130%">72</div><div style="line-height:130%">73</div><div style="line-height:130%">74</div><div style="line-height:130%">75</div><div style="line-height:130%">76</div><div style="line-height:130%">77</div><div style="line-height:130%">78</div><div style="line-height:130%">79</div><div style="line-height:130%">80</div><div style="line-height:130%">81</div><div style="line-height:130%">82</div><div style="line-height:130%">83</div><div style="line-height:130%">84</div><div style="line-height:130%">85</div><div style="line-height:130%">86</div><div style="line-height:130%">87</div><div style="line-height:130%">88</div><div style="line-height:130%">89</div><div style="line-height:130%">90</div><div style="line-height:130%">91</div><div style="line-height:130%">92</div><div style="line-height:130%">93</div><div style="line-height:130%">94</div><div style="line-height:130%">95</div><div style="line-height:130%">96</div><div style="line-height:130%">97</div><div style="line-height:130%">98</div><div style="line-height:130%">99</div><div style="line-height:130%">100</div><div style="line-height:130%">101</div><div style="line-height:130%">102</div><div style="line-height:130%">103</div></div></td><td style="padding:6px 0;text-align:left"><div style="margin:0;padding:0;color:#f0f0f0;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0"><</span><span style="color:#ff3399">!DOCTYPE</span> <span style="color:#a8ff58">html</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0"><</span><span style="color:#ff3399">html</span> <span style="color:#a8ff58">lang</span>=<span style="color:#ffd500">"ko"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0"><</span><span style="color:#ff3399">head</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">title</span><span style="color:#f0f0f0">></span>2024-04-12 숙제-main<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">title</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">meta</span> <span style="color:#a8ff58">charset</span>=<span style="color:#ffd500">"utf-8"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">meta</span> <span style="color:#a8ff58">name</span>=<span style="color:#ffd500">"viewport"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">content</span>=<span style="color:#ffd500">"width=device-width, initial-scale=1"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">link</span> <span style="color:#a8ff58">rel</span>=<span style="color:#ffd500">"stylesheet"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">href</span>=<span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">script</span> <span style="color:#a8ff58">src</span>=<span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.slim.min.js"</span><span style="color:#ff3399"></span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">script</span> <span style="color:#a8ff58">src</span>=<span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"</span><span style="color:#ff3399"></span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">script</span> <span style="color:#a8ff58">src</span>=<span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"</span><span style="color:#ff3399"></span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">style</span><span style="color:#f0f0f0">></span><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> .container </span>{<span style="color:#4be6fa">margin</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> 50px auto</span><span style="color:#ff3399">;</span><span style="color:#E083FF"></span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> .fakeimg </span>{<span style="color:#4be6fa"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#4be6fa"> height</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> 200px</span><span style="color:#ff3399">;</span><span style="color:#4be6fa"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#4be6fa"> background</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> #aaa</span><span style="color:#ff3399">;</span><span style="color:#E083FF"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#E083FF"> </span>}</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">style</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ffd500">'use strict'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">function</span> logoutCheck(){</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> ans <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> [안내]태그제한으로등록되지않습니다(<span style="color:#ffd500">"로그아웃 하시겠습니까? (Y/N)"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">if</span>(ans.trim().toUpperCase() <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"Y"</span>){</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#4be6fa">location</span>.href <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">'./login.html'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#4be6fa">window</span>.<span style="color:#4be6fa">xxxxonload</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ff3399">function</span> (){</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> colors <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> [<span style="color:#ffd500">'white'</span>, <span style="color:#ffd500">'#ffe6e6'</span>,<span style="color:#ffd500">'#ffffb3'</span>,<span style="color:#ffd500">'#ffffb3'</span>,<span style="color:#ffd500">'#f2e6ff'</span>,<span style="color:#ffd500">'#e6f7ff'</span>,<span style="color:#ffd500">'#ffddcc'</span>];</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> num <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#4be6fa">parseInt</span>(Math.random()<span style="color:#aaffaa"></span><span style="color:#ff3399">*</span><span style="color:#c10aff">7</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#4be6fa">document</span>.querySelector(<span style="color:#ffd500">'.jumbotron'</span>).style.backgroundColor <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> colors[num];</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">head</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0"><</span><span style="color:#ff3399">body</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">div</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"jumbotron text-center mb-0"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">h1</span><span style="color:#f0f0f0">></span>2024-04-12 숙제<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">h1</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">></span>Resize this responsive page to see the effect!<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">></span> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">nav</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"navbar navbar-expand-sm bg-dark navbar-dark"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">a</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"navbar-brand"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">href</span>=<span style="color:#ffd500">"main.html"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span>Main<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">a</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">button</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"navbar-toggler"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">type</span>=<span style="color:#ffd500">"button"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">data-toggle</span>=<span style="color:#ffd500">"collapse"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">data-target</span>=<span style="color:#ffd500">"#collapsibleNavbar"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">span</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"navbar-toggler-icon"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">span</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">button</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">div</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"collapse navbar-collapse"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">id</span>=<span style="color:#ffd500">"collapsibleNavbar"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">ul</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"navbar-nav mr-auto"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">li</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-item"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">a</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-link"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">href</span>=<span style="color:#ffd500">"game1.html"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span>숫자맞추기게임<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">a</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">li</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">li</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-item"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">a</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-link"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">href</span>=<span style="color:#ffd500">"game2.html"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span>가위바위보게임<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">a</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">li</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">ul</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">button</span> <span style="color:#a8ff58">type</span>=<span style="color:#ffd500">"button"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"btn btn-primary btn-sm"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">xxxxonclick</span>=<span style="color:#ffd500">"logoutCheck()"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span>로그아웃<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">button</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">></span> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">nav</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">div</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"container"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">style</span>=<span style="color:#ffd500">"margin-top:30px"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">div</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"row"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">div</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"col-sm-4"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">h2</span><span style="color:#f0f0f0">></span>About Me<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">h2</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">h5</span><span style="color:#f0f0f0">></span>Photo of me:<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">h5</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">div</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"fakeimg"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span>Fake Image<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">></span>Some text about me in culpa qui officia deserunt mollit anim..<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">h3</span><span style="color:#f0f0f0">></span>Some Links<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">h3</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">></span>Lorem ipsum dolor sit ame.<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">ul</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav nav-pills flex-column"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">li</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-item"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">a</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-link active"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">href</span>=<span style="color:#ffd500">"#"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span>Active<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">a</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">li</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">li</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-item"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">a</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-link"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">href</span>=<span style="color:#ffd500">"#"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span>Link<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">a</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">li</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">li</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-item"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">a</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-link"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">href</span>=<span style="color:#ffd500">"#"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span>Link<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">a</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">li</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">li</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-item"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">a</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-link disabled"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">href</span>=<span style="color:#ffd500">"#"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span>Disabled<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">a</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">li</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">ul</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">hr</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"d-sm-none"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">div</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"col-sm-8"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">h2</span><span style="color:#f0f0f0">></span>TITLE HEADING<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">h2</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">h5</span><span style="color:#f0f0f0">></span>Title description, Dec 7, 2017<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">h5</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">div</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"fakeimg"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span>Fake Image<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">></span>Some text..<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">></span>Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">br</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">h2</span><span style="color:#f0f0f0">></span>TITLE HEADING<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">h2</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">h5</span><span style="color:#f0f0f0">></span>Title description, Sep 2, 2017<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">h5</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">div</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"fakeimg"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span>Fake Image<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">></span>Some text..<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">></span>Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">footer</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"jumbotron text-center mb-0"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span>Copyright ⓒ Eunha. All rights reserved.<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">footer</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">body</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">html</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div></div><div style="text-align:right;margin-top:-13px;margin-right:5px;font-size:9px;font-style:italic"><a href="http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter</a></div></td><td style="vertical-align:bottom;padding:0 2px 4px 0"><a href="http://colorscripter.com/info#e" target="_blank" style="text-decoration:none;color:white"><span style="font-size:9px;word-break:normal;background-color:#4f4f4f;color:white;border-radius:10px;padding:1px">cs</span></a></td></tr></table></div></div></div><p>게임1(숫자맞추기) ================</p><div class="figure-html" data-ke-type="html" data-source="<div class="colorscripter-code" style="color:#f0f0f0;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important;overflow:auto"><table class="colorscripter-code-table" style="margin:0;padding:0;border:none;background-color:#272727;border-radius:4px;" cellspacing="0" cellpadding="0"><tr><td style="padding:6px;border-right:2px solid #4f4f4f"><div style="margin:0;padding:0;word-break:normal;text-align:right;color:#aaa;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="line-height:130%">1</div><div style="line-height:130%">2</div><div style="line-height:130%">3</div><div style="line-height:130%">4</div><div style="line-height:130%">5</div><div style="line-height:130%">6</div><div style="line-height:130%">7</div><div style="line-height:130%">8</div><div style="line-height:130%">9</div><div style="line-height:130%">10</div><div style="line-height:130%">11</div><div style="line-height:130%">12</div><div style="line-height:130%">13</div><div style="line-height:130%">14</div><div style="line-height:130%">15</div><div style="line-height:130%">16</div><div style="line-height:130%">17</div><div style="line-height:130%">18</div><div style="line-height:130%">19</div><div style="line-height:130%">20</div><div style="line-height:130%">21</div><div style="line-height:130%">22</div><div style="line-height:130%">23</div><div style="line-height:130%">24</div><div style="line-height:130%">25</div><div style="line-height:130%">26</div><div style="line-height:130%">27</div><div style="line-height:130%">28</div><div style="line-height:130%">29</div><div style="line-height:130%">30</div><div style="line-height:130%">31</div><div style="line-height:130%">32</div><div style="line-height:130%">33</div><div style="line-height:130%">34</div><div style="line-height:130%">35</div><div style="line-height:130%">36</div><div style="line-height:130%">37</div><div style="line-height:130%">38</div><div style="line-height:130%">39</div><div style="line-height:130%">40</div><div style="line-height:130%">41</div><div style="line-height:130%">42</div><div style="line-height:130%">43</div><div style="line-height:130%">44</div><div style="line-height:130%">45</div><div style="line-height:130%">46</div><div style="line-height:130%">47</div><div style="line-height:130%">48</div><div style="line-height:130%">49</div><div style="line-height:130%">50</div><div style="line-height:130%">51</div><div style="line-height:130%">52</div><div style="line-height:130%">53</div><div style="line-height:130%">54</div><div style="line-height:130%">55</div><div style="line-height:130%">56</div><div style="line-height:130%">57</div><div style="line-height:130%">58</div><div style="line-height:130%">59</div><div style="line-height:130%">60</div><div style="line-height:130%">61</div><div style="line-height:130%">62</div><div style="line-height:130%">63</div><div style="line-height:130%">64</div><div style="line-height:130%">65</div><div style="line-height:130%">66</div><div style="line-height:130%">67</div><div style="line-height:130%">68</div><div style="line-height:130%">69</div><div style="line-height:130%">70</div><div style="line-height:130%">71</div><div style="line-height:130%">72</div><div style="line-height:130%">73</div><div style="line-height:130%">74</div><div style="line-height:130%">75</div><div style="line-height:130%">76</div><div style="line-height:130%">77</div><div style="line-height:130%">78</div><div style="line-height:130%">79</div><div style="line-height:130%">80</div><div style="line-height:130%">81</div><div style="line-height:130%">82</div><div style="line-height:130%">83</div><div style="line-height:130%">84</div><div style="line-height:130%">85</div><div style="line-height:130%">86</div><div style="line-height:130%">87</div><div style="line-height:130%">88</div><div style="line-height:130%">89</div><div style="line-height:130%">90</div><div style="line-height:130%">91</div><div style="line-height:130%">92</div><div style="line-height:130%">93</div></div></td><td style="padding:6px 0;text-align:left"><div style="margin:0;padding:0;color:#f0f0f0;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">!DOCTYPE</span>&nbsp;<span style="color:#a8ff58">html</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">html</span>&nbsp;<span style="color:#a8ff58">lang</span>=<span style="color:#ffd500">"ko"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">head</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">title</span><span style="color:#f0f0f0">&gt;</span>2024-04-12&nbsp;숙제-숫자맞추기게임<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">title</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">meta</span>&nbsp;<span style="color:#a8ff58">charset</span>=<span style="color:#ffd500">"utf-8"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">meta</span>&nbsp;<span style="color:#a8ff58">name</span>=<span style="color:#ffd500">"viewport"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">content</span>=<span style="color:#ffd500">"width=device-width,&nbsp;initial-scale=1"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">link</span>&nbsp;<span style="color:#a8ff58">rel</span>=<span style="color:#ffd500">"stylesheet"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">href</span>=<span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">script</span>&nbsp;<span style="color:#a8ff58">src</span>=<span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.slim.min.js"</span><span style="color:#ff3399"></span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">script</span>&nbsp;<span style="color:#a8ff58">src</span>=<span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"</span><span style="color:#ff3399"></span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">script</span>&nbsp;<span style="color:#a8ff58">src</span>=<span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"</span><span style="color:#ff3399"></span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">style</span><span style="color:#f0f0f0">&gt;</span><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;.container&nbsp;</span>{<span style="color:#4be6fa">margin</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;50px&nbsp;auto</span><span style="color:#ff3399">;</span><span style="color:#E083FF"></span>}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">style</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ffd500">'use&nbsp;strict'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">function</span>&nbsp;logoutCheck(){</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;ans&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;[안내]태그제한으로등록되지않습니다(<span style="color:#ffd500">"로그아웃&nbsp;하시겠습니까?&nbsp;(Y/N)"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">if</span>(ans.trim().toUpperCase()&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"Y"</span>){</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">location</span>.href&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">'./login.html'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">window</span>.<span style="color:#4be6fa">xxxxonload</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ff3399">function</span>&nbsp;(){</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;colors&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;[<span style="color:#ffd500">'white'</span>,&nbsp;<span style="color:#ffd500">'#ffe6e6'</span>,<span style="color:#ffd500">'#ffffb3'</span>,<span style="color:#ffd500">'#ffffb3'</span>,<span style="color:#ffd500">'#f2e6ff'</span>,<span style="color:#ffd500">'#e6f7ff'</span>,<span style="color:#ffd500">'#ffddcc'</span>];</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;num&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#4be6fa">parseInt</span>(Math.random()<span style="color:#aaffaa"></span><span style="color:#ff3399">*</span><span style="color:#c10aff">7</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">document</span>.querySelector(<span style="color:#ffd500">'.jumbotron'</span>).style.backgroundColor&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;colors[num];</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;1에서&nbsp;100까지의&nbsp;숫자&nbsp;랜덤생성</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;randomNum&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;Math.floor(Math.random()<span style="color:#aaffaa"></span><span style="color:#ff3399">*</span><span style="color:#c10aff">100</span>)<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">1</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">console</span>.log(<span style="color:#ffd500">"randomNum&nbsp;:&nbsp;"</span>,&nbsp;randomNum);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;cnt&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#c10aff">0</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">function</span>&nbsp;checkNum(){</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cnt<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;res&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#4be6fa">document</span>.<span style="color:#4be6fa">getElementById</span>(<span style="color:#ffd500">"res"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;guessNum&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#4be6fa">document</span>.<span style="color:#4be6fa">getElementById</span>(<span style="color:#ffd500">"guessNum"</span>).value;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">if</span>(guessNum&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;randomNum)&nbsp;res.innerText&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;`도전횟수:&nbsp;${cnt}.&nbsp;축하합니다&nbsp;정답입니다<span style="color:#aaffaa"></span><span style="color:#ff3399">!</span>`;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">else</span>&nbsp;<span style="color:#ff3399">if</span>(guessNum&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>&nbsp;randomNum)&nbsp;res.innerText&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;`도전횟수:&nbsp;${cnt}.&nbsp;입력한&nbsp;수${guessNum}&nbsp;보다&nbsp;더&nbsp;작습니다.&nbsp;`;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">else</span>&nbsp;res.innerText&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;`도전횟수:&nbsp;${cnt}.&nbsp;입력한&nbsp;수${guessNum}&nbsp;보다&nbsp;더&nbsp;큽니다.`;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">document</span>.<span style="color:#4be6fa">getElementById</span>(<span style="color:#ffd500">"guessNum"</span>).value&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">""</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">document</span>.<span style="color:#4be6fa">getElementById</span>(<span style="color:#ffd500">"guessNum"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">head</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">body</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">div</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"jumbotron&nbsp;text-center&nbsp;mb-0"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">h1</span><span style="color:#f0f0f0">&gt;</span>2024-04-12&nbsp;숙제<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">h1</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">&gt;</span>Resize&nbsp;this&nbsp;responsive&nbsp;page&nbsp;to&nbsp;see&nbsp;the&nbsp;effect!<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">&gt;</span>&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">nav</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"navbar&nbsp;navbar-expand-sm&nbsp;bg-dark&nbsp;navbar-dark"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">a</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"navbar-brand"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">href</span>=<span style="color:#ffd500">"main.html"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span>Main<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">a</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">button</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"navbar-toggler"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">type</span>=<span style="color:#ffd500">"button"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">data-toggle</span>=<span style="color:#ffd500">"collapse"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">data-target</span>=<span style="color:#ffd500">"#collapsibleNavbar"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">span</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"navbar-toggler-icon"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">span</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">button</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">div</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"collapse&nbsp;navbar-collapse"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">id</span>=<span style="color:#ffd500">"collapsibleNavbar"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">ul</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"navbar-nav&nbsp;mr-auto"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">li</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-item"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">a</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-link&nbsp;active"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">href</span>=<span style="color:#ffd500">"game1.html"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span>숫자맞추기게임<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">a</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">li</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">li</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-item"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">a</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-link"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">href</span>=<span style="color:#ffd500">"game2.html"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span>가위바위보게임<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">a</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">li</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">ul</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">button</span>&nbsp;<span style="color:#a8ff58">type</span>=<span style="color:#ffd500">"button"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"btn&nbsp;btn-primary&nbsp;btn-sm"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">xxxxonclick</span>=<span style="color:#ffd500">"logoutCheck()"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span>로그아웃<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">button</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">&gt;</span>&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">nav</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">div</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"container"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">div</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"row"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">div</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"col-sm-12"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">h2</span><span style="color:#f0f0f0">&gt;</span>숫자맞추기게임<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">h2</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">p</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"mb-5"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span>1~100까지의&nbsp;수를&nbsp;맞춰보세요~!<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">div</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"input-group&nbsp;mb-3"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">input</span>&nbsp;<span style="color:#a8ff58">type</span>=<span style="color:#ffd500">"number"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">id</span>=<span style="color:#ffd500">"guessNum"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">name</span>=<span style="color:#ffd500">"guessNum"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"form-control"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">placeholder</span>=<span style="color:#ffd500">"숫자를&nbsp;입력해주세요"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">/</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">div</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"input-group-append"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">button</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"btn&nbsp;btn-success"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">type</span>=<span style="color:#ffd500">"submit"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">xxxxonclick</span>=<span style="color:#ffd500">"checkNum()"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span>제출<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">button</span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">div</span>&nbsp;<span style="color:#a8ff58">id</span>=<span style="color:#ffd500">"res"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">&gt;</span>&nbsp;<span style="color:#999999">&lt;!--&nbsp;결과표시--&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">footer</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"jumbotron&nbsp;text-center&nbsp;mb-0"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span>Copyright&nbsp;ⓒ&nbsp;Eunha.&nbsp;All&nbsp;rights&nbsp;reserved.<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">footer</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">body</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">html</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div></div><div style="text-align:right;margin-top:-13px;margin-right:5px;font-size:9px;font-style:italic"><a href="http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter</a></div></td><td style="vertical-align:bottom;padding:0 2px 4px 0"><a href="http://colorscripter.com/info#e" target="_blank" style="text-decoration:none;color:white"><span style="font-size:9px;word-break:normal;background-color:#4f4f4f;color:white;border-radius:10px;padding:1px">cs</span></a></td></tr></table></div>"><div data-ke-class="article"><div class="colorscripter-code" style="color:#f0f0f0;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important;overflow:auto"><table class="colorscripter-code-table" style="margin:0;padding:0;border:none;background-color:#272727;border-radius:4px;" cellspacing="0" cellpadding="0"><tr><td style="padding:6px;border-right:2px solid #4f4f4f"><div style="margin:0;padding:0;word-break:normal;text-align:right;color:#aaa;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="line-height:130%">1</div><div style="line-height:130%">2</div><div style="line-height:130%">3</div><div style="line-height:130%">4</div><div style="line-height:130%">5</div><div style="line-height:130%">6</div><div style="line-height:130%">7</div><div style="line-height:130%">8</div><div style="line-height:130%">9</div><div style="line-height:130%">10</div><div style="line-height:130%">11</div><div style="line-height:130%">12</div><div style="line-height:130%">13</div><div style="line-height:130%">14</div><div style="line-height:130%">15</div><div style="line-height:130%">16</div><div style="line-height:130%">17</div><div style="line-height:130%">18</div><div style="line-height:130%">19</div><div style="line-height:130%">20</div><div style="line-height:130%">21</div><div style="line-height:130%">22</div><div style="line-height:130%">23</div><div style="line-height:130%">24</div><div style="line-height:130%">25</div><div style="line-height:130%">26</div><div style="line-height:130%">27</div><div style="line-height:130%">28</div><div style="line-height:130%">29</div><div style="line-height:130%">30</div><div style="line-height:130%">31</div><div style="line-height:130%">32</div><div style="line-height:130%">33</div><div style="line-height:130%">34</div><div style="line-height:130%">35</div><div style="line-height:130%">36</div><div style="line-height:130%">37</div><div style="line-height:130%">38</div><div style="line-height:130%">39</div><div style="line-height:130%">40</div><div style="line-height:130%">41</div><div style="line-height:130%">42</div><div style="line-height:130%">43</div><div style="line-height:130%">44</div><div style="line-height:130%">45</div><div style="line-height:130%">46</div><div style="line-height:130%">47</div><div style="line-height:130%">48</div><div style="line-height:130%">49</div><div style="line-height:130%">50</div><div style="line-height:130%">51</div><div style="line-height:130%">52</div><div style="line-height:130%">53</div><div style="line-height:130%">54</div><div style="line-height:130%">55</div><div style="line-height:130%">56</div><div style="line-height:130%">57</div><div style="line-height:130%">58</div><div style="line-height:130%">59</div><div style="line-height:130%">60</div><div style="line-height:130%">61</div><div style="line-height:130%">62</div><div style="line-height:130%">63</div><div style="line-height:130%">64</div><div style="line-height:130%">65</div><div style="line-height:130%">66</div><div style="line-height:130%">67</div><div style="line-height:130%">68</div><div style="line-height:130%">69</div><div style="line-height:130%">70</div><div style="line-height:130%">71</div><div style="line-height:130%">72</div><div style="line-height:130%">73</div><div style="line-height:130%">74</div><div style="line-height:130%">75</div><div style="line-height:130%">76</div><div style="line-height:130%">77</div><div style="line-height:130%">78</div><div style="line-height:130%">79</div><div style="line-height:130%">80</div><div style="line-height:130%">81</div><div style="line-height:130%">82</div><div style="line-height:130%">83</div><div style="line-height:130%">84</div><div style="line-height:130%">85</div><div style="line-height:130%">86</div><div style="line-height:130%">87</div><div style="line-height:130%">88</div><div style="line-height:130%">89</div><div style="line-height:130%">90</div><div style="line-height:130%">91</div><div style="line-height:130%">92</div><div style="line-height:130%">93</div></div></td><td style="padding:6px 0;text-align:left"><div style="margin:0;padding:0;color:#f0f0f0;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0"><</span><span style="color:#ff3399">!DOCTYPE</span> <span style="color:#a8ff58">html</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0"><</span><span style="color:#ff3399">html</span> <span style="color:#a8ff58">lang</span>=<span style="color:#ffd500">"ko"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0"><</span><span style="color:#ff3399">head</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">title</span><span style="color:#f0f0f0">></span>2024-04-12 숙제-숫자맞추기게임<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">title</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">meta</span> <span style="color:#a8ff58">charset</span>=<span style="color:#ffd500">"utf-8"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">meta</span> <span style="color:#a8ff58">name</span>=<span style="color:#ffd500">"viewport"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">content</span>=<span style="color:#ffd500">"width=device-width, initial-scale=1"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">link</span> <span style="color:#a8ff58">rel</span>=<span style="color:#ffd500">"stylesheet"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">href</span>=<span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">script</span> <span style="color:#a8ff58">src</span>=<span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.slim.min.js"</span><span style="color:#ff3399"></span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">script</span> <span style="color:#a8ff58">src</span>=<span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"</span><span style="color:#ff3399"></span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">script</span> <span style="color:#a8ff58">src</span>=<span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"</span><span style="color:#ff3399"></span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">style</span><span style="color:#f0f0f0">></span><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> .container </span>{<span style="color:#4be6fa">margin</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> 50px auto</span><span style="color:#ff3399">;</span><span style="color:#E083FF"></span>}</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">style</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ffd500">'use strict'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">function</span> logoutCheck(){</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> ans <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> [안내]태그제한으로등록되지않습니다(<span style="color:#ffd500">"로그아웃 하시겠습니까? (Y/N)"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">if</span>(ans.trim().toUpperCase() <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"Y"</span>){</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#4be6fa">location</span>.href <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">'./login.html'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#4be6fa">window</span>.<span style="color:#4be6fa">xxxxonload</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ff3399">function</span> (){</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> colors <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> [<span style="color:#ffd500">'white'</span>, <span style="color:#ffd500">'#ffe6e6'</span>,<span style="color:#ffd500">'#ffffb3'</span>,<span style="color:#ffd500">'#ffffb3'</span>,<span style="color:#ffd500">'#f2e6ff'</span>,<span style="color:#ffd500">'#e6f7ff'</span>,<span style="color:#ffd500">'#ffddcc'</span>];</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> num <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#4be6fa">parseInt</span>(Math.random()<span style="color:#aaffaa"></span><span style="color:#ff3399">*</span><span style="color:#c10aff">7</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#4be6fa">document</span>.querySelector(<span style="color:#ffd500">'.jumbotron'</span>).style.backgroundColor <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> colors[num];</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 1에서 100까지의 숫자 랜덤생성</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> randomNum <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> Math.floor(Math.random()<span style="color:#aaffaa"></span><span style="color:#ff3399">*</span><span style="color:#c10aff">100</span>)<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">1</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#4be6fa">console</span>.log(<span style="color:#ffd500">"randomNum : "</span>, randomNum);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> cnt <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#c10aff">0</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">function</span> checkNum(){</div><div style="padding:0 6px; white-space:pre; line-height:130%"> cnt<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> res <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#4be6fa">document</span>.<span style="color:#4be6fa">getElementById</span>(<span style="color:#ffd500">"res"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> guessNum <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#4be6fa">document</span>.<span style="color:#4be6fa">getElementById</span>(<span style="color:#ffd500">"guessNum"</span>).value;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">if</span>(guessNum <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> randomNum) res.innerText <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> `도전횟수: ${cnt}. 축하합니다 정답입니다<span style="color:#aaffaa"></span><span style="color:#ff3399">!</span>`;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">else</span> <span style="color:#ff3399">if</span>(guessNum <span style="color:#aaffaa"></span><span style="color:#ff3399">></span> randomNum) res.innerText <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> `도전횟수: ${cnt}. 입력한 수${guessNum} 보다 더 작습니다. `;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">else</span> res.innerText <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> `도전횟수: ${cnt}. 입력한 수${guessNum} 보다 더 큽니다.`;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#4be6fa">document</span>.<span style="color:#4be6fa">getElementById</span>(<span style="color:#ffd500">"guessNum"</span>).value <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">""</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#4be6fa">document</span>.<span style="color:#4be6fa">getElementById</span>(<span style="color:#ffd500">"guessNum"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">head</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0"><</span><span style="color:#ff3399">body</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">div</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"jumbotron text-center mb-0"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">h1</span><span style="color:#f0f0f0">></span>2024-04-12 숙제<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">h1</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">></span>Resize this responsive page to see the effect!<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">></span> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">nav</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"navbar navbar-expand-sm bg-dark navbar-dark"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">a</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"navbar-brand"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">href</span>=<span style="color:#ffd500">"main.html"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span>Main<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">a</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">button</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"navbar-toggler"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">type</span>=<span style="color:#ffd500">"button"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">data-toggle</span>=<span style="color:#ffd500">"collapse"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">data-target</span>=<span style="color:#ffd500">"#collapsibleNavbar"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">span</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"navbar-toggler-icon"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">span</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">button</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">div</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"collapse navbar-collapse"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">id</span>=<span style="color:#ffd500">"collapsibleNavbar"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">ul</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"navbar-nav mr-auto"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">li</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-item"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">a</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-link active"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">href</span>=<span style="color:#ffd500">"game1.html"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span>숫자맞추기게임<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">a</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">li</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">li</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-item"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">a</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-link"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">href</span>=<span style="color:#ffd500">"game2.html"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span>가위바위보게임<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">a</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">li</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">ul</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">button</span> <span style="color:#a8ff58">type</span>=<span style="color:#ffd500">"button"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"btn btn-primary btn-sm"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">xxxxonclick</span>=<span style="color:#ffd500">"logoutCheck()"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span>로그아웃<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">button</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">></span> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">nav</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">div</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"container"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">div</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"row"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">div</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"col-sm-12"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">h2</span><span style="color:#f0f0f0">></span>숫자맞추기게임<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">h2</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">p</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"mb-5"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span>1~100까지의 수를 맞춰보세요~!<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">div</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"input-group mb-3"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">input</span> <span style="color:#a8ff58">type</span>=<span style="color:#ffd500">"number"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">id</span>=<span style="color:#ffd500">"guessNum"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">name</span>=<span style="color:#ffd500">"guessNum"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"form-control"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">placeholder</span>=<span style="color:#ffd500">"숫자를 입력해주세요"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">/</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">div</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"input-group-append"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#ff3399">button</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"btn btn-success"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">type</span>=<span style="color:#ffd500">"submit"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">xxxxonclick</span>=<span style="color:#ffd500">"checkNum()"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span>제출<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">button</span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">div</span> <span style="color:#a8ff58">id</span>=<span style="color:#ffd500">"res"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">></span> <span style="color:#999999"><!-- 결과표시--></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">footer</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"jumbotron text-center mb-0"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span>Copyright ⓒ Eunha. All rights reserved.<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">footer</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">body</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">html</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div></div><div style="text-align:right;margin-top:-13px;margin-right:5px;font-size:9px;font-style:italic"><a href="http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter</a></div></td><td style="vertical-align:bottom;padding:0 2px 4px 0"><a href="http://colorscripter.com/info#e" target="_blank" style="text-decoration:none;color:white"><span style="font-size:9px;word-break:normal;background-color:#4f4f4f;color:white;border-radius:10px;padding:1px">cs</span></a></td></tr></table></div></div></div><p>게임2(가위바위보) =============</p><div class="figure-html" data-ke-type="html" data-source="<div class="colorscripter-code" style="color:#f0f0f0;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important;overflow:auto"><table class="colorscripter-code-table" style="margin:0;padding:0;border:none;background-color:#272727;border-radius:4px;" cellspacing="0" cellpadding="0"><tr><td style="padding:6px;border-right:2px solid #4f4f4f"><div style="margin:0;padding:0;word-break:normal;text-align:right;color:#aaa;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="line-height:130%">1</div><div style="line-height:130%">2</div><div style="line-height:130%">3</div><div style="line-height:130%">4</div><div style="line-height:130%">5</div><div style="line-height:130%">6</div><div style="line-height:130%">7</div><div style="line-height:130%">8</div><div style="line-height:130%">9</div><div style="line-height:130%">10</div><div style="line-height:130%">11</div><div style="line-height:130%">12</div><div style="line-height:130%">13</div><div style="line-height:130%">14</div><div style="line-height:130%">15</div><div style="line-height:130%">16</div><div style="line-height:130%">17</div><div style="line-height:130%">18</div><div style="line-height:130%">19</div><div style="line-height:130%">20</div><div style="line-height:130%">21</div><div style="line-height:130%">22</div><div style="line-height:130%">23</div><div style="line-height:130%">24</div><div style="line-height:130%">25</div><div style="line-height:130%">26</div><div style="line-height:130%">27</div><div style="line-height:130%">28</div><div style="line-height:130%">29</div><div style="line-height:130%">30</div><div style="line-height:130%">31</div><div style="line-height:130%">32</div><div style="line-height:130%">33</div><div style="line-height:130%">34</div><div style="line-height:130%">35</div><div style="line-height:130%">36</div><div style="line-height:130%">37</div><div style="line-height:130%">38</div><div style="line-height:130%">39</div><div style="line-height:130%">40</div><div style="line-height:130%">41</div><div style="line-height:130%">42</div><div style="line-height:130%">43</div><div style="line-height:130%">44</div><div style="line-height:130%">45</div><div style="line-height:130%">46</div><div style="line-height:130%">47</div><div style="line-height:130%">48</div><div style="line-height:130%">49</div><div style="line-height:130%">50</div><div style="line-height:130%">51</div><div style="line-height:130%">52</div><div style="line-height:130%">53</div><div style="line-height:130%">54</div><div style="line-height:130%">55</div><div style="line-height:130%">56</div><div style="line-height:130%">57</div><div style="line-height:130%">58</div><div style="line-height:130%">59</div><div style="line-height:130%">60</div><div style="line-height:130%">61</div><div style="line-height:130%">62</div><div style="line-height:130%">63</div><div style="line-height:130%">64</div><div style="line-height:130%">65</div><div style="line-height:130%">66</div><div style="line-height:130%">67</div><div style="line-height:130%">68</div><div style="line-height:130%">69</div><div style="line-height:130%">70</div><div style="line-height:130%">71</div><div style="line-height:130%">72</div><div style="line-height:130%">73</div><div style="line-height:130%">74</div><div style="line-height:130%">75</div><div style="line-height:130%">76</div><div style="line-height:130%">77</div><div style="line-height:130%">78</div><div style="line-height:130%">79</div><div style="line-height:130%">80</div><div style="line-height:130%">81</div><div style="line-height:130%">82</div><div style="line-height:130%">83</div><div style="line-height:130%">84</div><div style="line-height:130%">85</div><div style="line-height:130%">86</div><div style="line-height:130%">87</div><div style="line-height:130%">88</div><div style="line-height:130%">89</div><div style="line-height:130%">90</div><div style="line-height:130%">91</div><div style="line-height:130%">92</div><div style="line-height:130%">93</div><div style="line-height:130%">94</div><div style="line-height:130%">95</div><div style="line-height:130%">96</div><div style="line-height:130%">97</div><div style="line-height:130%">98</div><div style="line-height:130%">99</div><div style="line-height:130%">100</div><div style="line-height:130%">101</div><div style="line-height:130%">102</div><div style="line-height:130%">103</div><div style="line-height:130%">104</div><div style="line-height:130%">105</div><div style="line-height:130%">106</div><div style="line-height:130%">107</div><div style="line-height:130%">108</div><div style="line-height:130%">109</div><div style="line-height:130%">110</div><div style="line-height:130%">111</div><div style="line-height:130%">112</div><div style="line-height:130%">113</div><div style="line-height:130%">114</div><div style="line-height:130%">115</div><div style="line-height:130%">116</div><div style="line-height:130%">117</div><div style="line-height:130%">118</div><div style="line-height:130%">119</div><div style="line-height:130%">120</div><div style="line-height:130%">121</div><div style="line-height:130%">122</div><div style="line-height:130%">123</div><div style="line-height:130%">124</div><div style="line-height:130%">125</div><div style="line-height:130%">126</div><div style="line-height:130%">127</div><div style="line-height:130%">128</div><div style="line-height:130%">129</div><div style="line-height:130%">130</div><div style="line-height:130%">131</div></div></td><td style="padding:6px 0;text-align:left"><div style="margin:0;padding:0;color:#f0f0f0;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">!DOCTYPE</span>&nbsp;<span style="color:#a8ff58">html</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">html</span>&nbsp;<span style="color:#a8ff58">lang</span>=<span style="color:#ffd500">"ko"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">head</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">title</span><span style="color:#f0f0f0">&gt;</span>2024-04-12&nbsp;숙제-숫자맞추기게임<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">title</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">meta</span>&nbsp;<span style="color:#a8ff58">charset</span>=<span style="color:#ffd500">"utf-8"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">meta</span>&nbsp;<span style="color:#a8ff58">name</span>=<span style="color:#ffd500">"viewport"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">content</span>=<span style="color:#ffd500">"width=device-width,&nbsp;initial-scale=1"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">link</span>&nbsp;<span style="color:#a8ff58">rel</span>=<span style="color:#ffd500">"stylesheet"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">href</span>=<span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">script</span>&nbsp;<span style="color:#a8ff58">src</span>=<span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.slim.min.js"</span><span style="color:#ff3399"></span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">script</span>&nbsp;<span style="color:#a8ff58">src</span>=<span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"</span><span style="color:#ff3399"></span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">script</span>&nbsp;<span style="color:#a8ff58">src</span>=<span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"</span><span style="color:#ff3399"></span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">script</span>&nbsp;<span style="color:#a8ff58">src</span>=<span style="color:#ffd500">"https://kit.fontawesome.com/df66332deb.js"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">crossorigin</span>=<span style="color:#ffd500">"anonymous"</span><span style="color:#ff3399"></span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">&gt;</span><span style="color:#999999">&lt;!--&nbsp;https://www.angularjswiki.com/fontawesome/cdn/&nbsp;--&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">style</span><span style="color:#f0f0f0">&gt;</span><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;.container&nbsp;</span>{<span style="color:#4be6fa">margin</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;50px&nbsp;auto</span><span style="color:#ff3399">;</span><span style="color:#E083FF"></span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;.btn-group&nbsp;i&nbsp;</span>{<span style="color:#4be6fa">font-size</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;60px</span><span style="color:#ff3399">;</span><span style="color:#4be6fa">&nbsp;padding</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;40px&nbsp;0</span><span style="color:#ff3399">;</span><span style="color:#E083FF"></span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;.btn-group&nbsp;i&nbsp;span</span>{<span style="color:#4be6fa">display</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;block&nbsp;</span><span style="color:#ff3399">;</span><span style="color:#4be6fa">font-size</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;30px</span><span style="color:#ff3399">;</span><span style="color:#4be6fa">&nbsp;margin-top</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;20px</span><span style="color:#ff3399">;</span><span style="color:#E083FF"></span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;.who&nbsp;</span>{<span style="color:#4be6fa">font-size</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;18px</span><span style="color:#ff3399">;</span><span style="color:#4be6fa">&nbsp;font-weight</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;600</span><span style="color:#ff3399">;</span><span style="color:#4be6fa">&nbsp;display</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;inline-block</span><span style="color:#ff3399">;</span><span style="color:#4be6fa">&nbsp;width</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;100%</span><span style="color:#ff3399">;</span><span style="color:#4be6fa">&nbsp;text-align</span><span style="color:#ff3399">:</span><span style="color:#E083FF">&nbsp;right</span><span style="color:#ff3399">;</span><span style="color:#E083FF"></span>}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">style</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;'use&nbsp;strict';</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">function</span>&nbsp;logoutCheck(){</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;ans&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;[안내]태그제한으로등록되지않습니다(<span style="color:#ffd500">"로그아웃&nbsp;하시겠습니까?&nbsp;(Y/N)"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">if</span>(ans.trim().toUpperCase()&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"Y"</span>){</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">location</span>.href&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">'./login.html'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;가위바위보게임</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;pcChoice;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;가위바위보&nbsp;게임&nbsp;자동&nbsp;시작</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">window</span>.<span style="color:#4be6fa">xxxxonload</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ff3399">function</span>&nbsp;(){</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;colors&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;[<span style="color:#ffd500">'white'</span>,&nbsp;<span style="color:#ffd500">'#ffe6e6'</span>,<span style="color:#ffd500">'#ffffb3'</span>,<span style="color:#ffd500">'#ffffb3'</span>,<span style="color:#ffd500">'#f2e6ff'</span>,<span style="color:#ffd500">'#e6f7ff'</span>,<span style="color:#ffd500">'#ffddcc'</span>];</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;num&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#4be6fa">parseInt</span>(Math.random()<span style="color:#aaffaa"></span><span style="color:#ff3399">*</span><span style="color:#c10aff">7</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">document</span>.querySelector(<span style="color:#ffd500">'.jumbotron'</span>).style.backgroundColor&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;colors[num];</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">const</span>&nbsp;choice&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;[<span style="color:#ffd500">'묵'</span>,<span style="color:#ffd500">'찌'</span>,<span style="color:#ffd500">'빠'</span>];</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;interval&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#4be6fa">setInterval</span>(<span style="color:#ff3399">function</span>(){</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;randomNum&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#4be6fa">parseInt</span>(Math.random()&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">*</span>&nbsp;<span style="color:#c10aff">3</span>);&nbsp;<span style="color:#999999">//&nbsp;1~2</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;pcChoice&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;choice[randomNum];</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">console</span>.log(<span style="color:#ffd500">"컴퓨터&nbsp;선택&nbsp;:&nbsp;"</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;pcChoice);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;buttons&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#4be6fa">document</span>.<span style="color:#4be6fa">getElementById</span>(<span style="color:#ffd500">"pcBtnGroup"</span>).querySelectorAll(<span style="color:#ffd500">'button'</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;console.log(buttons);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons.forEach(button&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>&nbsp;button.disabled<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ff3399">true</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons[randomNum].disabled<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;<span style="color:#c10aff">100</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;userBtnGroup&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#4be6fa">document</span>.<span style="color:#4be6fa">getElementById</span>(<span style="color:#ffd500">"userBtnGroup"</span>).querySelectorAll(<span style="color:#ffd500">'button'</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;console.log(userBtnGroup);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;userBtnGroup.forEach(button&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>&nbsp;button.<span style="color:#4be6fa">addEventListener</span>(<span style="color:#ffd500">'click'</span>,&nbsp;e&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>&nbsp;{&nbsp;<span style="color:#999999">//&nbsp;버튼들&nbsp;클릭시&nbsp;play함수&nbsp;호출해서&nbsp;작동</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">clearInterval</span>(interval);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">const</span>&nbsp;userChoice&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;e.target.innerText;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">console</span>.log(<span style="color:#ffd500">"사용자&nbsp;선택&nbsp;:&nbsp;"</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;userChoice);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;userBtnGroup.forEach(button&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>&nbsp;button.disabled<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ff3399">true</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;e.target.parentNode.parentNode.disabled<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;승자&nbsp;판별</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;winner&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">''</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">if</span>&nbsp;(pcChoice&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;userChoice)&nbsp;{&nbsp;<span style="color:#999999">//&nbsp;무승부</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">document</span>.<span style="color:#4be6fa">getElementById</span>(<span style="color:#ffd500">"res"</span>).innerHTML&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;`<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>h3<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>무승부<span style="color:#aaffaa"></span><span style="color:#ff3399">!</span><span style="color:#aaffaa"></span><span style="color:#ff3399">!</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>h3<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>p<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>사용자는&nbsp;${userChoice}이고&nbsp;컴퓨터는&nbsp;${pcChoice}이므로&nbsp;무승부&nbsp;입니다.<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>p<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>`;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">return</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">else</span>&nbsp;<span style="color:#ff3399">if</span>(pcChoice&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">'묵'</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&amp;</span>&nbsp;userChoice&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">'찌'</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">|</span><span style="color:#aaffaa"></span><span style="color:#ff3399">|</span>&nbsp;pcChoice&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">'찌'</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&amp;</span>&nbsp;userChoice&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">'빠'</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">|</span><span style="color:#aaffaa"></span><span style="color:#ff3399">|</span>&nbsp;pcChoice&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">'빠'</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&amp;</span>&nbsp;userChoice&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">'묵'</span>)&nbsp;winner&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">'컴퓨터'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">else</span>&nbsp;winner&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">'사용자'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">document</span>.<span style="color:#4be6fa">getElementById</span>(<span style="color:#ffd500">"res"</span>).innerHTML&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;`<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>h3<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>${winner}&nbsp;승<span style="color:#aaffaa"></span><span style="color:#ff3399">!</span><span style="color:#aaffaa"></span><span style="color:#ff3399">!</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>h3<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>p<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>사용자는&nbsp;<span style="color:#ffd500">'${userChoice}'</span>이고&nbsp;컴퓨터는&nbsp;<span style="color:#ffd500">'${pcChoice}'</span>이므로&nbsp;${winner}가&nbsp;이겼습니다.<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>p<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>`;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}));</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">head</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">body</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">div</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"jumbotron&nbsp;text-center&nbsp;mb-0"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">h1</span><span style="color:#f0f0f0">&gt;</span>2024-04-12&nbsp;숙제<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">h1</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">&gt;</span>Resize&nbsp;this&nbsp;responsive&nbsp;page&nbsp;to&nbsp;see&nbsp;the&nbsp;effect!<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">&gt;</span>&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">nav</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"navbar&nbsp;navbar-expand-sm&nbsp;bg-dark&nbsp;navbar-dark"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">a</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"navbar-brand"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">href</span>=<span style="color:#ffd500">"main.html"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span>Main<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">a</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">button</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"navbar-toggler"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">type</span>=<span style="color:#ffd500">"button"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">data-toggle</span>=<span style="color:#ffd500">"collapse"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">data-target</span>=<span style="color:#ffd500">"#collapsibleNavbar"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">span</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"navbar-toggler-icon"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">span</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">button</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">div</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"collapse&nbsp;navbar-collapse"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">id</span>=<span style="color:#ffd500">"collapsibleNavbar"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">ul</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"navbar-nav&nbsp;mr-auto"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">li</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-item"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">a</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-link"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">href</span>=<span style="color:#ffd500">"game1.html"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span>숫자맞추기게임<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">a</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">li</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">li</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-item"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">a</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-link&nbsp;active"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">href</span>=<span style="color:#ffd500">"game2.html"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span>가위바위보게임<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">a</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">li</span><span style="color:#f0f0f0">&gt;</span>&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">ul</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">button</span>&nbsp;<span style="color:#a8ff58">type</span>=<span style="color:#ffd500">"button"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"btn&nbsp;btn-primary&nbsp;btn-sm"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">xxxxonclick</span>=<span style="color:#ffd500">"logoutCheck()"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span>로그아웃<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">button</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">&gt;</span>&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">nav</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">div</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"container"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">div</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"row"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">div</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"col-sm-12"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">h2</span><span style="color:#f0f0f0">&gt;</span>가위바위보게임<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">button</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"btn&nbsp;btn-warning&nbsp;ml-3&nbsp;mb-2"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">xxxxonclick</span>=<span style="color:#ffd500">"location.reload()"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span>다시하기<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">button</span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">h2</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">p</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"mb-5"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span>가위바위보게임에서&nbsp;컴퓨터를&nbsp;이겨보세요~&nbsp;사용자측&nbsp;아이콘을&nbsp;누르면&nbsp;시작됩니다.<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">div</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"row"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">div</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"col-lg-1&nbsp;col-sm-2&nbsp;mb-5"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">span</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"who"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span>사용자&nbsp;:<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">span</span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">div</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"btn-group&nbsp;btn-group-lg&nbsp;col-lg-5&nbsp;col&nbsp;col-sm-10&nbsp;mb-5"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">id</span>=<span style="color:#ffd500">"userBtnGroup"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">button</span>&nbsp;<span style="color:#a8ff58">type</span>=<span style="color:#ffd500">"button"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"btn&nbsp;btn-success"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">id</span>=<span style="color:#ffd500">"rock"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">i</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"fa-regular&nbsp;fa-hand-back-fist"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">span</span><span style="color:#f0f0f0">&gt;</span>묵<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">span</span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">i</span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">button</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">button</span>&nbsp;<span style="color:#a8ff58">type</span>=<span style="color:#ffd500">"button"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"btn&nbsp;btn-primary"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">id</span>=<span style="color:#ffd500">"scissors"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">i</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"fa-regular&nbsp;fa-hand-peace"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">span</span><span style="color:#f0f0f0">&gt;</span>찌<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">span</span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">i</span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">button</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">button</span>&nbsp;<span style="color:#a8ff58">type</span>=<span style="color:#ffd500">"button"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"btn&nbsp;btn-info"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">id</span>=<span style="color:#ffd500">"paper"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">i</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"fa-regular&nbsp;fa-hand"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">span</span><span style="color:#f0f0f0">&gt;</span>빠<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">span</span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">i</span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">button</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">div</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"col-lg-1&nbsp;col-sm-2&nbsp;mb-5"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">span</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"who"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span>컴퓨터&nbsp;:<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">span</span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">div</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"btn-group&nbsp;btn-group-lg&nbsp;col-lg-5&nbsp;col&nbsp;col-sm-10&nbsp;mb-5"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">id</span>=<span style="color:#ffd500">"pcBtnGroup"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">button</span>&nbsp;<span style="color:#a8ff58">type</span>=<span style="color:#ffd500">"button"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"btn&nbsp;btn-secondary"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">disabled</span>=<span style="color:#ffd500">"true"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">i</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"fa-regular&nbsp;fa-hand-back-fist"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">span</span><span style="color:#f0f0f0">&gt;</span>묵<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">span</span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">i</span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">button</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">button</span>&nbsp;<span style="color:#a8ff58">type</span>=<span style="color:#ffd500">"button"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"btn&nbsp;btn-secondary"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">disabled</span>=<span style="color:#ffd500">"true"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">i</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"fa-regular&nbsp;fa-hand-peace"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">span</span><span style="color:#f0f0f0">&gt;</span>찌<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">span</span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">i</span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">button</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">button</span>&nbsp;<span style="color:#a8ff58">type</span>=<span style="color:#ffd500">"button"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"btn&nbsp;btn-secondary"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">disabled</span>=<span style="color:#ffd500">"true"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">i</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"fa-regular&nbsp;fa-hand"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">span</span><span style="color:#f0f0f0">&gt;</span>빠<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">span</span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">i</span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">button</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">div</span>&nbsp;<span style="color:#a8ff58">id</span>=<span style="color:#ffd500">"res"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">&gt;</span>&nbsp;<span style="color:#999999">&lt;!--&nbsp;결과표시--&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">footer</span>&nbsp;<span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"jumbotron&nbsp;text-center&nbsp;mb-0"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span>Copyright&nbsp;ⓒ&nbsp;Eunha.&nbsp;All&nbsp;rights&nbsp;reserved.<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">footer</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">body</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">html</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div></div><div style="text-align:right;margin-top:-13px;margin-right:5px;font-size:9px;font-style:italic"><a href="http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter</a></div></td><td style="vertical-align:bottom;padding:0 2px 4px 0"><a href="http://colorscripter.com/info#e" target="_blank" style="text-decoration:none;color:white"><span style="font-size:9px;word-break:normal;background-color:#4f4f4f;color:white;border-radius:10px;padding:1px">cs</span></a></td></tr></table></div>"><div data-ke-class="article"><div class="colorscripter-code" style="color:#f0f0f0;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important;overflow:auto"><table class="colorscripter-code-table" style="margin:0;padding:0;border:none;background-color:#272727;border-radius:4px;" cellspacing="0" cellpadding="0"><tr><td style="padding:6px;border-right:2px solid #4f4f4f"><div style="margin:0;padding:0;word-break:normal;text-align:right;color:#aaa;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="line-height:130%">1</div><div style="line-height:130%">2</div><div style="line-height:130%">3</div><div style="line-height:130%">4</div><div style="line-height:130%">5</div><div style="line-height:130%">6</div><div style="line-height:130%">7</div><div style="line-height:130%">8</div><div style="line-height:130%">9</div><div style="line-height:130%">10</div><div style="line-height:130%">11</div><div style="line-height:130%">12</div><div style="line-height:130%">13</div><div style="line-height:130%">14</div><div style="line-height:130%">15</div><div style="line-height:130%">16</div><div style="line-height:130%">17</div><div style="line-height:130%">18</div><div style="line-height:130%">19</div><div style="line-height:130%">20</div><div style="line-height:130%">21</div><div style="line-height:130%">22</div><div style="line-height:130%">23</div><div style="line-height:130%">24</div><div style="line-height:130%">25</div><div style="line-height:130%">26</div><div style="line-height:130%">27</div><div style="line-height:130%">28</div><div style="line-height:130%">29</div><div style="line-height:130%">30</div><div style="line-height:130%">31</div><div style="line-height:130%">32</div><div style="line-height:130%">33</div><div style="line-height:130%">34</div><div style="line-height:130%">35</div><div style="line-height:130%">36</div><div style="line-height:130%">37</div><div style="line-height:130%">38</div><div style="line-height:130%">39</div><div style="line-height:130%">40</div><div style="line-height:130%">41</div><div style="line-height:130%">42</div><div style="line-height:130%">43</div><div style="line-height:130%">44</div><div style="line-height:130%">45</div><div style="line-height:130%">46</div><div style="line-height:130%">47</div><div style="line-height:130%">48</div><div style="line-height:130%">49</div><div style="line-height:130%">50</div><div style="line-height:130%">51</div><div style="line-height:130%">52</div><div style="line-height:130%">53</div><div style="line-height:130%">54</div><div style="line-height:130%">55</div><div style="line-height:130%">56</div><div style="line-height:130%">57</div><div style="line-height:130%">58</div><div style="line-height:130%">59</div><div style="line-height:130%">60</div><div style="line-height:130%">61</div><div style="line-height:130%">62</div><div style="line-height:130%">63</div><div style="line-height:130%">64</div><div style="line-height:130%">65</div><div style="line-height:130%">66</div><div style="line-height:130%">67</div><div style="line-height:130%">68</div><div style="line-height:130%">69</div><div style="line-height:130%">70</div><div style="line-height:130%">71</div><div style="line-height:130%">72</div><div style="line-height:130%">73</div><div style="line-height:130%">74</div><div style="line-height:130%">75</div><div style="line-height:130%">76</div><div style="line-height:130%">77</div><div style="line-height:130%">78</div><div style="line-height:130%">79</div><div style="line-height:130%">80</div><div style="line-height:130%">81</div><div style="line-height:130%">82</div><div style="line-height:130%">83</div><div style="line-height:130%">84</div><div style="line-height:130%">85</div><div style="line-height:130%">86</div><div style="line-height:130%">87</div><div style="line-height:130%">88</div><div style="line-height:130%">89</div><div style="line-height:130%">90</div><div style="line-height:130%">91</div><div style="line-height:130%">92</div><div style="line-height:130%">93</div><div style="line-height:130%">94</div><div style="line-height:130%">95</div><div style="line-height:130%">96</div><div style="line-height:130%">97</div><div style="line-height:130%">98</div><div style="line-height:130%">99</div><div style="line-height:130%">100</div><div style="line-height:130%">101</div><div style="line-height:130%">102</div><div style="line-height:130%">103</div><div style="line-height:130%">104</div><div style="line-height:130%">105</div><div style="line-height:130%">106</div><div style="line-height:130%">107</div><div style="line-height:130%">108</div><div style="line-height:130%">109</div><div style="line-height:130%">110</div><div style="line-height:130%">111</div><div style="line-height:130%">112</div><div style="line-height:130%">113</div><div style="line-height:130%">114</div><div style="line-height:130%">115</div><div style="line-height:130%">116</div><div style="line-height:130%">117</div><div style="line-height:130%">118</div><div style="line-height:130%">119</div><div style="line-height:130%">120</div><div style="line-height:130%">121</div><div style="line-height:130%">122</div><div style="line-height:130%">123</div><div style="line-height:130%">124</div><div style="line-height:130%">125</div><div style="line-height:130%">126</div><div style="line-height:130%">127</div><div style="line-height:130%">128</div><div style="line-height:130%">129</div><div style="line-height:130%">130</div><div style="line-height:130%">131</div></div></td><td style="padding:6px 0;text-align:left"><div style="margin:0;padding:0;color:#f0f0f0;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0"><</span><span style="color:#ff3399">!DOCTYPE</span> <span style="color:#a8ff58">html</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0"><</span><span style="color:#ff3399">html</span> <span style="color:#a8ff58">lang</span>=<span style="color:#ffd500">"ko"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0"><</span><span style="color:#ff3399">head</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">title</span><span style="color:#f0f0f0">></span>2024-04-12 숙제-숫자맞추기게임<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">title</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">meta</span> <span style="color:#a8ff58">charset</span>=<span style="color:#ffd500">"utf-8"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">meta</span> <span style="color:#a8ff58">name</span>=<span style="color:#ffd500">"viewport"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">content</span>=<span style="color:#ffd500">"width=device-width, initial-scale=1"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">link</span> <span style="color:#a8ff58">rel</span>=<span style="color:#ffd500">"stylesheet"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">href</span>=<span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">script</span> <span style="color:#a8ff58">src</span>=<span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.slim.min.js"</span><span style="color:#ff3399"></span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">script</span> <span style="color:#a8ff58">src</span>=<span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"</span><span style="color:#ff3399"></span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">script</span> <span style="color:#a8ff58">src</span>=<span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"</span><span style="color:#ff3399"></span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">script</span> <span style="color:#a8ff58">src</span>=<span style="color:#ffd500">"https://kit.fontawesome.com/df66332deb.js"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">crossorigin</span>=<span style="color:#ffd500">"anonymous"</span><span style="color:#ff3399"></span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">></span><span style="color:#999999"><!-- https://www.angularjswiki.com/fontawesome/cdn/ --></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">style</span><span style="color:#f0f0f0">></span><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> .container </span>{<span style="color:#4be6fa">margin</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> 50px auto</span><span style="color:#ff3399">;</span><span style="color:#E083FF"></span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> .btn-group i </span>{<span style="color:#4be6fa">font-size</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> 60px</span><span style="color:#ff3399">;</span><span style="color:#4be6fa"> padding</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> 40px 0</span><span style="color:#ff3399">;</span><span style="color:#E083FF"></span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> .btn-group i span</span>{<span style="color:#4be6fa">display</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> block </span><span style="color:#ff3399">;</span><span style="color:#4be6fa">font-size</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> 30px</span><span style="color:#ff3399">;</span><span style="color:#4be6fa"> margin-top</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> 20px</span><span style="color:#ff3399">;</span><span style="color:#E083FF"></span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> .who </span>{<span style="color:#4be6fa">font-size</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> 18px</span><span style="color:#ff3399">;</span><span style="color:#4be6fa"> font-weight</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> 600</span><span style="color:#ff3399">;</span><span style="color:#4be6fa"> display</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> inline-block</span><span style="color:#ff3399">;</span><span style="color:#4be6fa"> width</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> 100%</span><span style="color:#ff3399">;</span><span style="color:#4be6fa"> text-align</span><span style="color:#ff3399">:</span><span style="color:#E083FF"> right</span><span style="color:#ff3399">;</span><span style="color:#E083FF"></span>}</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">style</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 'use strict';</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">function</span> logoutCheck(){</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> ans <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> [안내]태그제한으로등록되지않습니다(<span style="color:#ffd500">"로그아웃 하시겠습니까? (Y/N)"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">if</span>(ans.trim().toUpperCase() <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"Y"</span>){</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#4be6fa">location</span>.href <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">'./login.html'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 가위바위보게임</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> pcChoice;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 가위바위보 게임 자동 시작</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#4be6fa">window</span>.<span style="color:#4be6fa">xxxxonload</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ff3399">function</span> (){</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> colors <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> [<span style="color:#ffd500">'white'</span>, <span style="color:#ffd500">'#ffe6e6'</span>,<span style="color:#ffd500">'#ffffb3'</span>,<span style="color:#ffd500">'#ffffb3'</span>,<span style="color:#ffd500">'#f2e6ff'</span>,<span style="color:#ffd500">'#e6f7ff'</span>,<span style="color:#ffd500">'#ffddcc'</span>];</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> num <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#4be6fa">parseInt</span>(Math.random()<span style="color:#aaffaa"></span><span style="color:#ff3399">*</span><span style="color:#c10aff">7</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#4be6fa">document</span>.querySelector(<span style="color:#ffd500">'.jumbotron'</span>).style.backgroundColor <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> colors[num];</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">const</span> choice <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> [<span style="color:#ffd500">'묵'</span>,<span style="color:#ffd500">'찌'</span>,<span style="color:#ffd500">'빠'</span>];</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> interval <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#4be6fa">setInterval</span>(<span style="color:#ff3399">function</span>(){</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> randomNum <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#4be6fa">parseInt</span>(Math.random() <span style="color:#aaffaa"></span><span style="color:#ff3399">*</span> <span style="color:#c10aff">3</span>); <span style="color:#999999">// 1~2</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> pcChoice <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> choice[randomNum];</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#4be6fa">console</span>.log(<span style="color:#ffd500">"컴퓨터 선택 : "</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> pcChoice);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> buttons <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#4be6fa">document</span>.<span style="color:#4be6fa">getElementById</span>(<span style="color:#ffd500">"pcBtnGroup"</span>).querySelectorAll(<span style="color:#ffd500">'button'</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// console.log(buttons);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> buttons.forEach(button <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span> button.disabled<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ff3399">true</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> buttons[randomNum].disabled<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }, <span style="color:#c10aff">100</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> userBtnGroup <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#4be6fa">document</span>.<span style="color:#4be6fa">getElementById</span>(<span style="color:#ffd500">"userBtnGroup"</span>).querySelectorAll(<span style="color:#ffd500">'button'</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// console.log(userBtnGroup);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> userBtnGroup.forEach(button <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span> button.<span style="color:#4be6fa">addEventListener</span>(<span style="color:#ffd500">'click'</span>, e <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span> { <span style="color:#999999">// 버튼들 클릭시 play함수 호출해서 작동</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#4be6fa">clearInterval</span>(interval);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">const</span> userChoice <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> e.target.innerText;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#4be6fa">console</span>.log(<span style="color:#ffd500">"사용자 선택 : "</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> userChoice);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> userBtnGroup.forEach(button <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span> button.disabled<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ff3399">true</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> e.target.parentNode.parentNode.disabled<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 승자 판별</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> winner <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">''</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">if</span> (pcChoice <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> userChoice) { <span style="color:#999999">// 무승부</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#4be6fa">document</span>.<span style="color:#4be6fa">getElementById</span>(<span style="color:#ffd500">"res"</span>).innerHTML <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> `<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>h3<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>무승부<span style="color:#aaffaa"></span><span style="color:#ff3399">!</span><span style="color:#aaffaa"></span><span style="color:#ff3399">!</span><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>h3<span style="color:#aaffaa"></span><span style="color:#ff3399">></span><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>p<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>사용자는 ${userChoice}이고 컴퓨터는 ${pcChoice}이므로 무승부 입니다.<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>p<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>`;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">return</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">else</span> <span style="color:#ff3399">if</span>(pcChoice <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">'묵'</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">&</span> userChoice <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">'찌'</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">|</span><span style="color:#aaffaa"></span><span style="color:#ff3399">|</span> pcChoice <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">'찌'</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">&</span> userChoice <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">'빠'</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">|</span><span style="color:#aaffaa"></span><span style="color:#ff3399">|</span> pcChoice <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">'빠'</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">&</span> userChoice <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">'묵'</span>) winner <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">'컴퓨터'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">else</span> winner <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">'사용자'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#4be6fa">document</span>.<span style="color:#4be6fa">getElementById</span>(<span style="color:#ffd500">"res"</span>).innerHTML <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> `<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>h3<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>${winner} 승<span style="color:#aaffaa"></span><span style="color:#ff3399">!</span><span style="color:#aaffaa"></span><span style="color:#ff3399">!</span><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>h3<span style="color:#aaffaa"></span><span style="color:#ff3399">></span><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>p<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>사용자는 <span style="color:#ffd500">'${userChoice}'</span>이고 컴퓨터는 <span style="color:#ffd500">'${pcChoice}'</span>이므로 ${winner}가 이겼습니다.<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>p<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>`;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }));</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">script</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">head</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0"><</span><span style="color:#ff3399">body</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">div</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"jumbotron text-center mb-0"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">h1</span><span style="color:#f0f0f0">></span>2024-04-12 숙제<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">h1</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">></span>Resize this responsive page to see the effect!<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">></span> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">nav</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"navbar navbar-expand-sm bg-dark navbar-dark"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">a</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"navbar-brand"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">href</span>=<span style="color:#ffd500">"main.html"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span>Main<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">a</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">button</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"navbar-toggler"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">type</span>=<span style="color:#ffd500">"button"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">data-toggle</span>=<span style="color:#ffd500">"collapse"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">data-target</span>=<span style="color:#ffd500">"#collapsibleNavbar"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">span</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"navbar-toggler-icon"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">span</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">button</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">div</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"collapse navbar-collapse"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">id</span>=<span style="color:#ffd500">"collapsibleNavbar"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">ul</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"navbar-nav mr-auto"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">li</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-item"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">a</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-link"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">href</span>=<span style="color:#ffd500">"game1.html"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span>숫자맞추기게임<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">a</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">li</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">li</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-item"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">a</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"nav-link active"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">href</span>=<span style="color:#ffd500">"game2.html"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span>가위바위보게임<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">a</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">li</span><span style="color:#f0f0f0">></span> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">ul</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">button</span> <span style="color:#a8ff58">type</span>=<span style="color:#ffd500">"button"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"btn btn-primary btn-sm"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">xxxxonclick</span>=<span style="color:#ffd500">"logoutCheck()"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span>로그아웃<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">button</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">></span> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">nav</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">div</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"container"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">div</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"row"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">div</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"col-sm-12"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">h2</span><span style="color:#f0f0f0">></span>가위바위보게임<span style="color:#f0f0f0"><</span><span style="color:#ff3399">button</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"btn btn-warning ml-3 mb-2"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">xxxxonclick</span>=<span style="color:#ffd500">"location.reload()"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span>다시하기<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">button</span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">h2</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">p</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"mb-5"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span>가위바위보게임에서 컴퓨터를 이겨보세요~ 사용자측 아이콘을 누르면 시작됩니다.<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">p</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">div</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"row"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">div</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"col-lg-1 col-sm-2 mb-5"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#ff3399">span</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"who"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span>사용자 :<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">span</span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">div</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"btn-group btn-group-lg col-lg-5 col col-sm-10 mb-5"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">id</span>=<span style="color:#ffd500">"userBtnGroup"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">button</span> <span style="color:#a8ff58">type</span>=<span style="color:#ffd500">"button"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"btn btn-success"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">id</span>=<span style="color:#ffd500">"rock"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#ff3399">i</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"fa-regular fa-hand-back-fist"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#ff3399">span</span><span style="color:#f0f0f0">></span>묵<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">span</span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">i</span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">button</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">button</span> <span style="color:#a8ff58">type</span>=<span style="color:#ffd500">"button"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"btn btn-primary"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">id</span>=<span style="color:#ffd500">"scissors"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#ff3399">i</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"fa-regular fa-hand-peace"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#ff3399">span</span><span style="color:#f0f0f0">></span>찌<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">span</span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">i</span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">button</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">button</span> <span style="color:#a8ff58">type</span>=<span style="color:#ffd500">"button"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"btn btn-info"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">id</span>=<span style="color:#ffd500">"paper"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#ff3399">i</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"fa-regular fa-hand"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#ff3399">span</span><span style="color:#f0f0f0">></span>빠<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">span</span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">i</span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">button</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">div</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"col-lg-1 col-sm-2 mb-5"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#ff3399">span</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"who"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span>컴퓨터 :<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">span</span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">div</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"btn-group btn-group-lg col-lg-5 col col-sm-10 mb-5"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">id</span>=<span style="color:#ffd500">"pcBtnGroup"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">button</span> <span style="color:#a8ff58">type</span>=<span style="color:#ffd500">"button"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"btn btn-secondary"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">disabled</span>=<span style="color:#ffd500">"true"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#ff3399">i</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"fa-regular fa-hand-back-fist"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#ff3399">span</span><span style="color:#f0f0f0">></span>묵<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">span</span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">i</span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">button</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">button</span> <span style="color:#a8ff58">type</span>=<span style="color:#ffd500">"button"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"btn btn-secondary"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">disabled</span>=<span style="color:#ffd500">"true"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#ff3399">i</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"fa-regular fa-hand-peace"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#ff3399">span</span><span style="color:#f0f0f0">></span>찌<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">span</span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">i</span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">button</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">button</span> <span style="color:#a8ff58">type</span>=<span style="color:#ffd500">"button"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"btn btn-secondary"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58">disabled</span>=<span style="color:#ffd500">"true"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#ff3399">i</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"fa-regular fa-hand"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#ff3399">span</span><span style="color:#f0f0f0">></span>빠<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">span</span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">i</span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">button</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">div</span> <span style="color:#a8ff58">id</span>=<span style="color:#ffd500">"res"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">></span> <span style="color:#999999"><!-- 결과표시--></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">div</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">footer</span> <span style="color:#a8ff58">class</span>=<span style="color:#ffd500">"jumbotron text-center mb-0"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span>Copyright ⓒ Eunha. All rights reserved.<span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">footer</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">body</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">html</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div></div><div style="text-align:right;margin-top:-13px;margin-right:5px;font-size:9px;font-style:italic"><a href="http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter</a></div></td><td style="vertical-align:bottom;padding:0 2px 4px 0"><a href="http://colorscripter.com/info#e" target="_blank" style="text-decoration:none;color:white"><span style="font-size:9px;word-break:normal;background-color:#4f4f4f;color:white;border-radius:10px;padding:1px">cs</span></a></td></tr></table></div></div></div><p>동영상 =====================</p><div class="figure-video" data-ke-type="video" data-video-url="https://kakaotv.daum.net/embed/player/cliplink/rvhohnoffkfsp8aejtj1mfhl0@my?service=daum_cafe" data-video-host="kakaotv" data-video-play-service="daum_cafe" data-video-width="712" data-video-height="400" data-ke-style="alignCenter" data-video-thumbnail="https://thumb.kakaocdn.net/dna/kamp/source/rvhohnoffkfsp8aejtj1mfhl0/thumbs/2.jpg?credential=TuMuFGKUIcirOSjFzOpncbomGFEIdZWK&expires=33270017514&signature=em095ng7QGH4QepTuo9wYpcOqTo%3D" data-ke-mobile-mobileStyle="widthFull" data-video-origin-width="712" data-video-origin-height="400"><iframe src="https://kakaotv.daum.net/embed/player/cliplink/rvhohnoffkfsp8aejtj1mfhl0@my?service=daum_cafe&ptoken=v2_410dc015e814db567fcc599487ce7b5503a3535deb264cfcce7b92eb21168fe93a1af0283b5cf0aaa3034232aa1f6e226f797f238c9f84b3655a6915eb" width="712" height="400" frameborder="0" scrolling="no" allowfullscreen="" allow="encrypted-media"></iframe><div class="figcaption"></div></div>
<!-- -->]]>
카페 게시글
검색이 허용된 게시물입니다.
김은하
2024-04-12 숙제
김은하
추천 0
조회 36
24.04.15 00:32
댓글 1
다음검색
첫댓글 디자인이 아주 깔끔하고 예쁘네요..ㅎ.
부트스트랩 템블릿사용도 아주 좋습니다.
게임처리도 시각적으로 예쁘게 잘 만드셨네요. setInterval()함수 사용도 좋습니다. 수고많으셨습니다.