What's new

Closed Pa tulong po gumagawa ng JScript para dito

Status
Not open for further replies.

Mauwanna0327

Eternal Poster
Joined
Jul 20, 2017
Posts
773
Reaction
114
Points
269
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title></title>
</head>
<body>
<table style="text-align: left; width: 1012px; height: 420px;"
 border="1" cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td>
      <table style="text-align: left; width: 303px; height: 112px;"
 border="1" cellpadding="2" cellspacing="2">
        <tbody>
          <tr>
            <td>1</td>
            <td>2</td>
          </tr>
          <tr>
            <td>3</td>
            <td>4</td>
          </tr>
        </tbody>
      </table>
      <table style="text-align: left; width: 100px;"
 border="1" cellpadding="2" cellspacing="2">
        <tbody>
          <tr>
            <td>15</td>
          </tr>
        </tbody>
      </table>
      <br>
      <table style="text-align: left; width: 100px;"
 border="1" cellpadding="2" cellspacing="2">
        <tbody>
          <tr>
            <td>16</td>
          </tr>
        </tbody>
      </table>
      <br>
      </td>
      <td>
      <table style="text-align: left; width: 431px; height: 166px;"
 border="1" cellpadding="2" cellspacing="2">
        <tbody>
          <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
            <td>6</td>
          </tr>
          <tr>
            <td>7</td>
            <td>8</td>
            <td>9</td>
            <td>10</td>
            <td>11</td>
            <td>12</td>
          </tr>
        </tbody>
      </table>
      <table style="text-align: left; width: 562px; height: 32px;"
 border="1" cellpadding="2" cellspacing="2">
        <tbody>
          <tr>
            <td>13</td>
          </tr>
        </tbody>
      </table>
      <br>
      <table style="text-align: left; width: 570px; height: 32px;"
 border="1" cellpadding="2" cellspacing="2">
        <tbody>
          <tr>
            <td>14</td>
          </tr>
        </tbody>
      </table>
      <br>
      </td>
    </tr>
  </tbody>
</table>
<br>
</body>
</html>
 
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
  <title></title>
</head>
<body>
<table style="text-align: left; width: 1012px; height: 420px;"
border="1" cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td>
      <table style="text-align: left; width: 303px; height: 112px;"
border="1" cellpadding="2" cellspacing="2">
        <tbody>
          <tr>
            <td>1</td>
            <td>2</td>
          </tr>
          <tr>
            <td>3</td>
            <td>4</td>
          </tr>
        </tbody>
      </table>
      <table style="text-align: left; width: 100px;"
border="1" cellpadding="2" cellspacing="2">
        <tbody>
          <tr>
            <td>15</td>
          </tr>
        </tbody>
      </table>
      <br>
      <table style="text-align: left; width: 100px;"
border="1" cellpadding="2" cellspacing="2">
        <tbody>
          <tr>
            <td>16</td>
          </tr>
        </tbody>
      </table>
      <br>
      </td>
      <td>
      <table style="text-align: left; width: 431px; height: 166px;"
border="1" cellpadding="2" cellspacing="2">
        <tbody>
          <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
            <td>6</td>
          </tr>
          <tr>
            <td>7</td>
            <td>8</td>
            <td>9</td>
            <td>10</td>
            <td>11</td>
            <td>12</td>
          </tr>
        </tbody>
      </table>
      <table style="text-align: left; width: 562px; height: 32px;"
border="1" cellpadding="2" cellspacing="2">
        <tbody>
          <tr>
            <td>13</td>
          </tr>
        </tbody>
      </table>
      <br>
      <table style="text-align: left; width: 570px; height: 32px;"
border="1" cellpadding="2" cellspacing="2">
        <tbody>
          <tr>
            <td>14</td>
          </tr>
        </tbody>
      </table>
      <br>
      </td>
    </tr>
  </tbody>
</table>
<br>
</body>
</html>
JScript o Javascript? Bago ka magtanong, dapat linawin mo.
 
Code:
<!DOCTYPE>
<html>
<head>
  <title>assign activity</title>
      <script >{

var theForm = document.forms["orderForm"];

var chickenPrice = new Array();
chickenPrice[rfc]=30;
chickenPrice[sfc]=60;
chickenPrice[kfc]=90;

var selectedFlavor = theForm.elements["selectedFlavor"]
for (var i = 0; i<selectedFlavor; i++){
  if (selectedFlavor[i].checked){
        chickenBuy = chickenPrice[selectedFlavor[i].value];
        break;
  }
  return chickenBuy;
}

var chickenSize = new Array();
chickenSize[rfcS]=15;
chickenSize[rfsM]=30;
chickenSize[rfsL]=45;

chickenSize[sfcS]=60;
chickenSize[sfcM]=75;
chickenSize[sfcL]=90;

chickenSize[kfcS]=105;
chickenSize[kfcM]=120;
chickenSize[kfcL]=135;
    
function chickenSize() {
  var selectedSize = theForm.elements["size"];
}



    }</script>
      
</head>
<body>
<form action=" " id="orderForm" onsubmit="return false;">
<form style="text-align: left;">

        <h3> CHICKEN SHOPPEE</h3>
  <div style="text-align: left;"></div>
  <table style="text-align: left; width: 1080px; height: 150px;"
 border="5" cellpadding="1" cellspacing="1">
    <tbody>
      <tr>
        <td>
        <table style="text-align: left; width: 359px; height: 190px;"
 border="1" cellpadding="1" cellspacing="1">
          <tbody>
            <tr>
              <td style="text-align: left;">
    <input type = "radio" name="selectedFlavor" value="rfc" onclick="calculateTotal"><h3>REGULAR FRIED CHICKEN $30</h3> <img src= "C:\Users\jjdantes\Desktop\web-dev\regular.jpeg" alt="regular fried chicken" width="150" height="60">
                
        </button><br></td>
              <td style="text-align: top-left;">Size<br>
                <input type="radio" name="size" value="rfcS">small <br> +$15<br>
                <input type="radio" name="size" value="rfsM">medium +$30<br>
                <input type="radio" name="size" value="rfsL">large <br> +$45<br>
              </select><br>
              Quantity:<input type="text" size="2" max="20" name="quantity" id="quantity"></td>
            </tr>
          </tbody>
        </table>
        </td>
        <td>
        <table style="text-align: left; width: 359px; height: 190px;"
 border="1" cellpadding="1" cellspacing="1">
           <tbody>
            <tr>
              <td style="text-align: left;">
    <input type = "radio" name="selectedFlavor" value="sfc" onclick="calculateTotal"> <h3>SPICY FRIED CHICKEN $60</h3> <img src= "C:\Users\jjdantes\Desktop\web-dev\spicy.jpeg" alt="spicy fried chicken" width="150" height="60">
                
    </button><br></td>
              <td style="text-align: top-left;">Size<br>
                <input type="radio" name="size" value="sfcS">small <br> +$60<br>
                <input type="radio" name="size" value="sfcM">medium +$75<br>
                <input type="radio" name="size" value="sfcL">large <br> +$90<br>
              </select><br>
              Quantity:<input type="text" size="2" max="20" name="quantity" id="quantity"></td>
            </tr>
          </tbody>
        </table>
        </td>
        <td>
        <table style="text-align: left; width: 359px; height: 190px;"
 border="1" cellpadding="1" cellspacing="1">
          <tbody>
            <tr>
              <td style="text-align: left;">
    <input type = "radio" name="selectedFlavor" value="kfc" onclick="calculateTotal"><h3>KOREAN FRIED CHICKEN $90</h3> <img src= "C:\Users\jjdantes\Desktop\web-dev\korean.jpeg" alt="korean fried chicken" width="150" height="60">
                
    </button><br></td>
              <td style="text-align: top-left;">Size<br>
                <input type="radio" name="size" value="kfcS">small <br> +$105<br>
                <input type="radio" name="size" value="kfcM">medium +$120<br>
                <input type="radio" name="size" value="kfcL">large <br> +$135<br>
              </select><br>
              Quantity:<input type="text" size="2" max="20" name="quantity" id="quantity"></td>
            </tr>
          </tbody>
        </table>
        </td>
      </tr>
    </tbody>
  </table>
  <br>



  <table style="text-align: left; width: 1080px; height: 30px;"
 border="5" cellpadding="1" cellspacing="1">
    <tbody>
      <tr>
        <td>Number of Order:
          <input id="display" type="text" name="display" placeholder="** **" >
        <input name="Add Order" type="submit" value="Add Order"></td>
      </tr>
    </tbody>
  </table>
  <br>
 
  <table style="text-align: left; width: 1080px; height: 50px;"
 border="5" cellpadding="1" cellspacing="1">
    <tbody>order summary
      <tr>
        <td>quantity</td>
        <td>product</td>
        <td>size</td>
        <td>unit price</td>
        <td>price</td>
        <td>subtotal</td></td>
      </tr>
      <tr>
        <div style="overflow-x: auto;">
        <td> <input type="number" id="display" name="quantity"></td>
        <td> <input type="display" name="selectedFlavor"></td>
        <td> <input type="display" name="size"></td>
        <td> <input type="display" name="basedValue"></td>
        <td> <input type="display" name="value"></td>
        <td> <input type="display" name="calculateTotal"></div></td>
      </tr>
    </tbody>
  </table>
  <br>
 
  <table style="text-align: left; width: 1080px; height: 30px;"
 border="5" cellpadding="1" cellspacing="1">
    <tbody>order payment
      <tr>
        <td><input type="checkbox" id="discount" name="discount">20% discount &nbsp;&nbsp;&nbsp; cash:<input type="text" size="10" max="20" name="cash"> &nbsp;&nbsp;&nbsp;change:<input type="text" size="10" max="20" name="cash"></td>
      </tr>
    </tbody>
  </table><br>
<input type="submit" name="submit">
<div id="footer"> &copy; 2019|All Rights Reserved.<br>
NOTE: Maximum quantity per item is 20</div>
</form>
</body>
</html>
 
Status
Not open for further replies.

Similar threads

Back
Top