<![CDATA[
<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 style="line-height:130%">132</div><div style="line-height:130%">133</div><div style="line-height:130%">134</div><div style="line-height:130%">135</div><div style="line-height:130%">136</div><div style="line-height:130%">137</div><div style="line-height:130%">138</div><div style="line-height:130%">139</div><div style="line-height:130%">140</div><div style="line-height:130%">141</div><div style="line-height:130%">142</div><div style="line-height:130%">143</div><div style="line-height:130%">144</div><div style="line-height:130%">145</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:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">!</span>DOCTYPE&nbsp;html<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>html&nbsp;lang<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"ko"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>head<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;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>meta&nbsp;charset<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"UTF-8"</span><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;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>meta&nbsp;<span style="color:#4be6fa">name</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"viewport"</span>&nbsp;<span style="color:#4be6fa">content</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"width=device-width,&nbsp;initial-scale=1.0"</span><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;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>title<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>test1.html<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>title<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;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>link&nbsp;rel<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"stylesheet"</span>&nbsp;href<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"</span><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;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>script&nbsp;src<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/jquery@3.6.4/dist/jquery.slim.min.js"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>script<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;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>script&nbsp;src<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>script<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;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>script&nbsp;src<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>script<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;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>link&nbsp;rel<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"stylesheet"</span>&nbsp;href<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"https://www.w3schools.com/w3css/4/w3.css"</span><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;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>script<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;<span style="color:#ffd500">'use&nbsp;strict'</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">let</span>&nbsp;i;</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;product;</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;productprice&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</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:#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;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;buyClick&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;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">function</span>&nbsp;test()&nbsp;{</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:#ff3399">for</span>(i<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">1</span>;&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">3</span>;&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&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">"refrigerator"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>i).style.display&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;`none`;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&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">"washer"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>i).style.display&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;`none`;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&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">"notebook"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>i).style.display&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;`none`;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&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;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">function</span>&nbsp;choice(e)&nbsp;{</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:#ff3399">if</span>(e&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;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;test();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">if</span>(cnt&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>&nbsp;<span style="color:#c10aff">1</span>)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">location</span>.reload();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;<span style="color:#ff3399">else</span>&nbsp;<span style="color:#ff3399">if</span>(e&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;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;product&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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;test();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">for</span>(i<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">1</span>;&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">3</span>;&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&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">"refrigerator"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>i).style.display&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;`block`;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&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;&nbsp;&nbsp;&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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;<span style="color:#ff3399">else</span>&nbsp;<span style="color:#ff3399">if</span>(e&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;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;product&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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;test();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">for</span>(i<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">1</span>;&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">3</span>;&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&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">"washer"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>i).style.display&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;`block`;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&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;&nbsp;&nbsp;&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;&nbsp;&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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;product&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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;test();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">for</span>(i<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">1</span>;&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">3</span>;&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&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">"notebook"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>i).style.display&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;`block`;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&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;&nbsp;&nbsp;&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;&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;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">function</span>&nbsp;price(e)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;productprice&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;e.<span style="color:#4be6fa">split</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;}</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:#ff3399">function</span>&nbsp;buy()&nbsp;{</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:#ff3399">let</span>&nbsp;su&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">'su'</span>).value;</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:#ff3399">if</span>(su&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#c10aff">0</span>&nbsp;)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">alert</span>(<span style="color:#ffd500">'최소&nbsp;주문&nbsp;수량은&nbsp;1개&nbsp;입니다.'</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;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">document</span>.<span style="color:#4be6fa">getElementById</span>(<span style="color:#ffd500">'su'</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">return</span>&nbsp;;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;<span style="color:#ff3399">else</span>&nbsp;<span style="color:#ff3399">if</span>(su&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>&nbsp;<span style="color:#c10aff">3</span>)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">alert</span>(<span style="color:#ffd500">'최대&nbsp;주문&nbsp;수량은&nbsp;3개&nbsp;입니다.'</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;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">document</span>.<span style="color:#4be6fa">getElementById</span>(<span style="color:#ffd500">'su'</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">return</span>&nbsp;;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;vat&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;(su&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">*</span><span style="color:#4be6fa">parseInt</span>(productprice[<span style="color:#c10aff">1</span>]))&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">*</span>&nbsp;<span style="color:#c10aff">0.</span><span style="color:#c10aff">1</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;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;tot&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;(su&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">*</span><span style="color:#4be6fa">parseInt</span>(productprice[<span style="color:#c10aff">1</span>]))&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;vat;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">const</span>&nbsp;tot1&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;tot.toString().replace(<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>\B(?<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">!</span>\.\d<span style="color:#aaffaa"></span><span style="color:#ff3399">*</span>)(?<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>(\d{<span style="color:#c10aff">3</span>})<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>(?<span style="color:#aaffaa"></span><span style="color:#ff3399">!</span>\d))<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>g,&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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">if</span>(buyClick&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:#c10aff">0</span>)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;pr1.innerHTML&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">'상품&nbsp;:&nbsp;'</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;product;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;pr2.innerHTML&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">'종류&nbsp;:&nbsp;'</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;productprice[<span style="color:#c10aff">0</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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;su1.innerHTML&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">'수량&nbsp;:&nbsp;'</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;su;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tot3.innerHTML&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">'총&nbsp;가격(VAT&nbsp;10%&nbsp;포함)&nbsp;:&nbsp;'</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;`${tot1}원`;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buyClick<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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;pr1.innerHTML&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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;pr2.innerHTML&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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;su1.innerHTML&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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tot3.innerHTML&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">''</span>;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;pr1.innerHTML&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">'상품&nbsp;:&nbsp;'</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;product;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;pr2.innerHTML&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">'종류&nbsp;:&nbsp;'</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;productprice[<span style="color:#c10aff">0</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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;su1.innerHTML&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">'수량&nbsp;:&nbsp;'</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;su;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tot3.innerHTML&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">'총&nbsp;가격(VAT&nbsp;10%&nbsp;포함)&nbsp;:&nbsp;'</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;`${tot1}원`;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&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;&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;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>script<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>head<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>body<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;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>p<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>br&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><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>&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>div&nbsp;<span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"container&nbsp;p-3&nbsp;my-3&nbsp;border"</span><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;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>form&nbsp;<span style="color:#4be6fa">name</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"myform"</span><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;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>h2<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>상품&nbsp;구매<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>h2<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;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>label&nbsp;<span style="color:#ff3399">for</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"product"</span>&nbsp;<span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"form-group&nbsp;"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>상품명<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>label<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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>select&nbsp;<span style="color:#4be6fa">name</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"product"</span>&nbsp;<span style="color:#4be6fa">xxxxonclick</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"choice(value)"</span><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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>option&nbsp;value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"선택"</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>선택<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>option&nbsp;value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"냉장고"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>냉장고<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>option&nbsp;value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"세탁기"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>세탁기<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>option&nbsp;value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"노트북"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>노트북<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>select<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;&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;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>label&nbsp;<span style="color:#ff3399">for</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"product"</span>&nbsp;<span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"form-group&nbsp;"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>가격<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>label<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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>select&nbsp;<span style="color:#4be6fa">name</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"productprice"</span>&nbsp;<span style="color:#4be6fa">xxxxonclick</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"price(value)"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>option&nbsp;value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">""</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>선택<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>option&nbsp;value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"일반형/1000000"</span>&nbsp;id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"refrigerator1"</span>&nbsp;<span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"price1"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>일반형(<span style="color:#c10aff">1000000</span>)<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>option&nbsp;value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"양문형/1500000"</span>&nbsp;id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"refrigerator2"</span>&nbsp;<span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"price1"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>양문형(<span style="color:#c10aff">1500000</span>)<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>option&nbsp;value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"김치냉장고/2000000"</span>&nbsp;id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"refrigerator3"</span>&nbsp;<span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"price1"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>김치냉장고(<span style="color:#c10aff">2000000</span>)<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>option&nbsp;value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"드럼/1000000"</span>&nbsp;id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"washer1"</span>&nbsp;<span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"price1"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>드럼(<span style="color:#c10aff">1000000</span>)<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>option&nbsp;value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"일반/1500000"</span>&nbsp;id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"washer2"</span>&nbsp;<span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"price1"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>일반(<span style="color:#c10aff">1500000</span>)<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>option&nbsp;value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"통돌이/2000000"</span>&nbsp;id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"washer3"</span>&nbsp;<span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"price1"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>통돌이(<span style="color:#c10aff">2000000</span>)<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>option&nbsp;value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"일반/1000000"</span>&nbsp;id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"notebook1"</span>&nbsp;<span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"price1"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>일반(<span style="color:#c10aff">1000000</span>)<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>option&nbsp;value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"게이밍/1500000"</span>&nbsp;id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"notebook2"</span>&nbsp;<span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"price1"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>게이밍(<span style="color:#c10aff">1500000</span>)<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>option&nbsp;value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"맥북/2000000"</span>&nbsp;id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"notebook3"</span>&nbsp;<span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"price1"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>맥북(<span style="color:#c10aff">2000000</span>)<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>select<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;&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;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>label&nbsp;<span style="color:#ff3399">for</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"su"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>수량<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>label<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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>input&nbsp;type<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"number"</span>&nbsp;<span style="color:#4be6fa">name</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"su"</span>&nbsp;id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"su"</span>&nbsp;value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"0"</span>&nbsp;min<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"1"</span>&nbsp;max<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"3"</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><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;&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;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>input&nbsp;type<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"button"</span>&nbsp;value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"구매"</span>&nbsp;<span style="color:#4be6fa">xxxxonclick</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"buy()"</span>&nbsp;<span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"btn&nbsp;btn-primary"</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><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;&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;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>hr&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><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;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>div&nbsp;id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"demo"</span><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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>label&nbsp;<span style="color:#ff3399">for</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"pr"</span>&nbsp;id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"pr1"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>label<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>br&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>label&nbsp;<span style="color:#ff3399">for</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"pr"</span>&nbsp;id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"pr2"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>label<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>br&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>label&nbsp;<span style="color:#ff3399">for</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"pr"</span>&nbsp;id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"su1"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>label<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>br&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>label&nbsp;<span style="color:#ff3399">for</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"pr"</span>&nbsp;id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"tot3"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>label<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;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>div<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;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>form<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;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>div<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>body<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>html<span style="color:#aaffaa"></span><span style="color:#ff3399">&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 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 style="line-height:130%">132</div><div style="line-height:130%">133</div><div style="line-height:130%">134</div><div style="line-height:130%">135</div><div style="line-height:130%">136</div><div style="line-height:130%">137</div><div style="line-height:130%">138</div><div style="line-height:130%">139</div><div style="line-height:130%">140</div><div style="line-height:130%">141</div><div style="line-height:130%">142</div><div style="line-height:130%">143</div><div style="line-height:130%">144</div><div style="line-height:130%">145</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:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">!</span>DOCTYPE html<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:#aaffaa"></span><span style="color:#ff3399"><</span>html lang<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"ko"</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:#aaffaa"></span><span style="color:#ff3399"><</span>head<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:#aaffaa"></span><span style="color:#ff3399"><</span>meta charset<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"UTF-8"</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:#aaffaa"></span><span style="color:#ff3399"><</span>meta <span style="color:#4be6fa">name</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"viewport"</span> <span style="color:#4be6fa">content</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"width=device-width, initial-scale=1.0"</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:#aaffaa"></span><span style="color:#ff3399"><</span>title<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>test1.html<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>title<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:#aaffaa"></span><span style="color:#ff3399"><</span>link rel<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"stylesheet"</span> href<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"</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:#aaffaa"></span><span style="color:#ff3399"><</span>script src<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/jquery@3.6.4/dist/jquery.slim.min.js"</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>script<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:#aaffaa"></span><span style="color:#ff3399"><</span>script src<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"</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>script<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:#aaffaa"></span><span style="color:#ff3399"><</span>script src<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"</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>script<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:#aaffaa"></span><span style="color:#ff3399"><</span>link rel<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"stylesheet"</span> href<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"https://www.w3schools.com/w3css/4/w3.css"</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:#aaffaa"></span><span style="color:#ff3399"><</span>script<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:#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">let</span> i;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> product;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> productprice <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> 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%"> <span style="color:#ff3399">let</span> buyClick <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> test() {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">for</span>(i<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">1</span>; i<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">3</span>; i<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:#4be6fa">document</span>.<span style="color:#4be6fa">getElementById</span>(<span style="color:#ffd500">"refrigerator"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>i).style.display <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> `none`;</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">"washer"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>i).style.display <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> `none`;</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">"notebook"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>i).style.display <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> `none`;</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:#ff3399">function</span> choice(e) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">if</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:#ffd500">'선택'</span>) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> test();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">if</span>(cnt <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">location</span>.reload();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</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:#c10aff">0</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>(e <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%"> product <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%"> test();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">for</span>(i<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">1</span>; i<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">3</span>; i<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:#4be6fa">document</span>.<span style="color:#4be6fa">getElementById</span>(<span style="color:#ffd500">"refrigerator"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>i).style.display <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> `block`;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</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">else</span> <span style="color:#ff3399">if</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:#ffd500">'세탁기'</span>) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> product <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%"> test();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">for</span>(i<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">1</span>; i<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">3</span>; i<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:#4be6fa">document</span>.<span style="color:#4be6fa">getElementById</span>(<span style="color:#ffd500">"washer"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>i).style.display <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> `block`;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</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">else</span> {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> product <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%"> test();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">for</span>(i<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">1</span>; i<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">3</span>; i<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:#4be6fa">document</span>.<span style="color:#4be6fa">getElementById</span>(<span style="color:#ffd500">"notebook"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>i).style.display <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> `block`;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</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%"> } </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:#ff3399">function</span> price(e) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> productprice <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> e.<span style="color:#4be6fa">split</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%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">function</span> buy() {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> su <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">'su'</span>).value;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">if</span>(su <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><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%"> <span style="color:#4be6fa">alert</span>(<span style="color:#ffd500">'최소 주문 수량은 1개 입니다.'</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">'su'</span>).focus();</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%"> } <span style="color:#ff3399">else</span> <span style="color:#ff3399">if</span>(su <span style="color:#aaffaa"></span><span style="color:#ff3399">></span> <span style="color:#c10aff">3</span>) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#4be6fa">alert</span>(<span style="color:#ffd500">'최대 주문 수량은 3개 입니다.'</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">'su'</span>).focus();</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%"> } <span style="color:#ff3399">else</span> {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> vat <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> (su <span style="color:#aaffaa"></span><span style="color:#ff3399">*</span><span style="color:#4be6fa">parseInt</span>(productprice[<span style="color:#c10aff">1</span>])) <span style="color:#aaffaa"></span><span style="color:#ff3399">*</span> <span style="color:#c10aff">0.</span><span style="color:#c10aff">1</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> tot <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> (su <span style="color:#aaffaa"></span><span style="color:#ff3399">*</span><span style="color:#4be6fa">parseInt</span>(productprice[<span style="color:#c10aff">1</span>])) <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> vat;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">const</span> tot1 <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> tot.toString().replace(<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>\B(?<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">!</span>\.\d<span style="color:#aaffaa"></span><span style="color:#ff3399">*</span>)(?<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>(\d{<span style="color:#c10aff">3</span>})<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>(?<span style="color:#aaffaa"></span><span style="color:#ff3399">!</span>\d))<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>g, <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">if</span>(buyClick <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><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%"> pr1.innerHTML <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> product;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> pr2.innerHTML <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> productprice[<span style="color:#c10aff">0</span>];</div><div style="padding:0 6px; white-space:pre; line-height:130%"> su1.innerHTML <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> su;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> tot3.innerHTML <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">'총 가격(VAT 10% 포함) : '</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> `${tot1}원`;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> buyClick<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:#ff3399">else</span> {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> pr1.innerHTML <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%"> pr2.innerHTML <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%"> su1.innerHTML <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%"> tot3.innerHTML <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%"> pr1.innerHTML <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> product;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> pr2.innerHTML <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> productprice[<span style="color:#c10aff">0</span>];</div><div style="padding:0 6px; white-space:pre; line-height:130%"> su1.innerHTML <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> su;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> tot3.innerHTML <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">'총 가격(VAT 10% 포함) : '</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> `${tot1}원`;</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:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>script<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:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>head<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:#aaffaa"></span><span style="color:#ff3399"><</span>body<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:#aaffaa"></span><span style="color:#ff3399"><</span>p<span style="color:#aaffaa"></span><span style="color:#ff3399">></span><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>br <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>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:#aaffaa"></span><span style="color:#ff3399"><</span>div <span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"container p-3 my-3 border"</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:#aaffaa"></span><span style="color:#ff3399"><</span>form <span style="color:#4be6fa">name</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"myform"</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:#aaffaa"></span><span style="color:#ff3399"><</span>h2<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>h2<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:#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:#aaffaa"></span><span style="color:#ff3399"><</span>label <span style="color:#ff3399">for</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"product"</span> <span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"form-group "</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>label<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:#aaffaa"></span><span style="color:#ff3399"><</span>select <span style="color:#4be6fa">name</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"product"</span> <span style="color:#4be6fa">xxxxonclick</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"choice(value)"</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:#aaffaa"></span><span style="color:#ff3399"><</span>option value<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><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<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:#aaffaa"></span><span style="color:#ff3399"><</span>option value<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><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<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:#aaffaa"></span><span style="color:#ff3399"><</span>option value<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><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<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:#aaffaa"></span><span style="color:#ff3399"><</span>option value<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><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<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:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>select<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:#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:#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:#aaffaa"></span><span style="color:#ff3399"><</span>label <span style="color:#ff3399">for</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"product"</span> <span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"form-group "</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>label<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:#aaffaa"></span><span style="color:#ff3399"><</span>select <span style="color:#4be6fa">name</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"productprice"</span> <span style="color:#4be6fa">xxxxonclick</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"price(value)"</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:#aaffaa"></span><span style="color:#ff3399"><</span>option value<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><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<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:#aaffaa"></span><span style="color:#ff3399"><</span>option value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"일반형/1000000"</span> id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"refrigerator1"</span> <span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"price1"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span>일반형(<span style="color:#c10aff">1000000</span>)<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<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:#aaffaa"></span><span style="color:#ff3399"><</span>option value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"양문형/1500000"</span> id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"refrigerator2"</span> <span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"price1"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span>양문형(<span style="color:#c10aff">1500000</span>)<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<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:#aaffaa"></span><span style="color:#ff3399"><</span>option value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"김치냉장고/2000000"</span> id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"refrigerator3"</span> <span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"price1"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span>김치냉장고(<span style="color:#c10aff">2000000</span>)<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<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:#aaffaa"></span><span style="color:#ff3399"><</span>option value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"드럼/1000000"</span> id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"washer1"</span> <span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"price1"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span>드럼(<span style="color:#c10aff">1000000</span>)<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<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:#aaffaa"></span><span style="color:#ff3399"><</span>option value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"일반/1500000"</span> id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"washer2"</span> <span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"price1"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span>일반(<span style="color:#c10aff">1500000</span>)<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<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:#aaffaa"></span><span style="color:#ff3399"><</span>option value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"통돌이/2000000"</span> id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"washer3"</span> <span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"price1"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span>통돌이(<span style="color:#c10aff">2000000</span>)<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<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:#aaffaa"></span><span style="color:#ff3399"><</span>option value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"일반/1000000"</span> id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"notebook1"</span> <span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"price1"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span>일반(<span style="color:#c10aff">1000000</span>)<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<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:#aaffaa"></span><span style="color:#ff3399"><</span>option value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"게이밍/1500000"</span> id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"notebook2"</span> <span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"price1"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span>게이밍(<span style="color:#c10aff">1500000</span>)<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<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:#aaffaa"></span><span style="color:#ff3399"><</span>option value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"맥북/2000000"</span> id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"notebook3"</span> <span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"price1"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span>맥북(<span style="color:#c10aff">2000000</span>)<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<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:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>select<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:#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:#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:#aaffaa"></span><span style="color:#ff3399"><</span>label <span style="color:#ff3399">for</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"su"</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>label<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:#aaffaa"></span><span style="color:#ff3399"><</span>input type<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"number"</span> <span style="color:#4be6fa">name</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"su"</span> id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"su"</span> value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"0"</span> min<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"1"</span> max<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"3"</span> <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:#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:#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:#aaffaa"></span><span style="color:#ff3399"><</span>input type<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"button"</span> value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"구매"</span> <span style="color:#4be6fa">xxxxonclick</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"buy()"</span> <span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"btn btn-primary"</span> <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:#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:#aaffaa"></span><span style="color:#ff3399"><</span>hr <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:#aaffaa"></span><span style="color:#ff3399"><</span>div id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"demo"</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:#aaffaa"></span><span style="color:#ff3399"><</span>label <span style="color:#ff3399">for</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"pr"</span> id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"pr1"</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>label<span style="color:#aaffaa"></span><span style="color:#ff3399">></span><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>br <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:#aaffaa"></span><span style="color:#ff3399"><</span>label <span style="color:#ff3399">for</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"pr"</span> id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"pr2"</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>label<span style="color:#aaffaa"></span><span style="color:#ff3399">></span><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>br <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:#aaffaa"></span><span style="color:#ff3399"><</span>label <span style="color:#ff3399">for</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"pr"</span> id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"su1"</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>label<span style="color:#aaffaa"></span><span style="color:#ff3399">></span><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>br <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:#aaffaa"></span><span style="color:#ff3399"><</span>label <span style="color:#ff3399">for</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"pr"</span> id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"tot3"</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>label<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:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>div<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:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>form<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:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>div<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:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>body<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:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>html<span style="color:#aaffaa"></span><span style="color:#ff3399">></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><div class="figure-video" data-ke-type="video" data-video-url="https://kakaotv.daum.net/embed/player/cliplink/rvrenrx7rmfxhpuhyitxakyom@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="alignLeft" data-video-thumbnail="https://thumb.kakaocdn.net/dna/kamp/source/rvrenrx7rmfxhpuhyitxakyom/thumbs/2.jpg?credential=TuMuFGKUIcirOSjFzOpncbomGFEIdZWK&expires=33254670000&signature=7xL7Pd3jO4aZIZ5dbcbJj3vp740%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/rvrenrx7rmfxhpuhyitxakyom@my?service=daum_cafe&ptoken=v2_082edde4fbfe80c39b9d6e33e652db53eb6511c1e47615a2c2bccc49f25d0194740770a91de1e2f8654feb672c62e5e0452a9bcf0d2b1a93e6a3a4439f" width="712" height="400" frameborder="0" scrolling="no" allowfullscreen="" allow="encrypted-media"></iframe><div class="figcaption"></div></div><p> </p><p>상품명을 선택 외에 다른 것으로 다시 선택했을 시 초기화 확인 못했어요</p>
<!-- -->]]>
카페 게시글
검색이 허용된 게시물입니다.
권시현
1019 응용
권시현
추천 0
조회 32
23.10.20 01:03
댓글 1
다음검색
첫댓글 계산 잘 하셨어요..
CSS적용도 함께하면 좋겠죠~ 수고하셨습니다.