WRITING A JS PROGRAM FOR A SMALL SHOP SELLING RICE AND SUGAR.

WRITING A JS PROGRAM FOR A SMALL SHOP SELLING RICE AND SUGAR.

 XỬ DỤNG alert, confirm, prompt, if, else if , else and object

 ĐỂ VIẾT JS PROGRAM  DÙNG TRONG TIỆM BÁN GẠO VÀ ĐƯỜNG

 WRITING A JS PROGRAM FOR A SMALL SHOP SELLING RICE AND SUGAR.

 

       var shop = {

          greeting :"WELCOME TO : ENRIQUE SHOP" ,

          product :"CHÚNG TÔI BÁN RICE VÀ SUGAR \n RICE BAG : 5 lbs \n SUGAR BAG : 2 lbs",

          appreciation :"THANK YOU \n SEE YOU AGAIN !",

          rice :"YOU WANT TO BUY RICE ?",

          sugar :"YOU WANT TO BUY SUGAR ?",};         

          alert(shop.greeting);

          alert(shop.product);

               

          var ac = confirm(shop.rice);

         if(ac== true){var x = parseInt(prompt("HOW MANY RICE BAGS YOU WANT?"))};

          if(x <= 100){alert("YOU PAY :"+ x*5.25 + "USD");}

          else if(x>100){alert("YOU PAY :"+ x*4.00 + "USD");}

  //Nếu click cancel thì  window confirm dưới đây xuất hiện.

          else{confirm(shop.sugar)}; 

         var y = parseInt(prompt("HOW MANY SUGAR BAGS YOU WANT?"));

         if(y<=10){alert("YOU PAY :"+ y*3.25 + "USD")}

          else{alert("YOU PAY :"+ y*3.00 + "USD")}

          alert(shop.appreciation);

Ghi chú hướng dẫn.
Program trên đơn giản, còn thiếu hóa đơn.

CHỌN PROGRAM NẦY CÓ HÓA ĐƠN.

Khi viết program nầy, quý bạn sẽ gặp vấn đề có hơi phức tạp vì có 4 giá bán khác nhau chia làm 2 nhóm.

Nhóm bán sỉ có giá thấp và nhóm bán lẻ có giá cao hơn .

Trong mỗi nhóm có 2 giá bán khác nhau là sỉ goị wholesale và lẻ goị laretail cho nên phải suy nghĩ và trắc nghiệm nhiều lần mới thành công.

Ngoài ra cần cắt bỏ những codes không cần thiết để program được ngắn gọn.

Nên xử dụng document.write để những con số không biến mất giúp chúng ta kiểm sóat không bị nhầm lẫn khi tính tiền với khách hàng.

Trong program nầy,nếu muốn chúng ta có thể viết them tên của shop và ngày giờ bán hàng.

Dưới đây là JavaScript Program theo kiến thức của người viết.

Quý bạn thông minh hơn có thể nghĩ cách viết tốt hơn.

                

                  ------------------------------

var shop = {

          greeting :"WELCOME TO : ENRIQUE SHOP" ,

          product :"CHÚNG TÔI BÁN RICE VÀ SUGAR \n RICE BAG : 5 lbs \n SUGAR BAG : 2 lbs",

          appreciation :"THANK YOU \n SEE YOU AGAIN !",};         

         

          alert(shop.greeting);

          alert(shop.product);        

          var x = parseInt(prompt("HOW MANY RICE BAGS YOU WANT?"))

          var pay1 = parseFloat(x*5.25);

          var pay2 = parseInt(x*4.00);

         

          if(x>=100){document.write("YOU PAY : "+ pay2 +"\n");}

           else{document.write("YOU PAY : "+ pay1 +"\n");}

         

          var y = parseInt(prompt("HOW MANY SUGAR BAGS YOU WANT?"));

          var pay3 = parseFloat(y*3.25);

          var pay4 = parseInt(y*3.00);

         

          if(y>=100){document.write("YOU PAY : "+ pay4);}

           else{document.write("YOU PAY :"+ pay3);}

          var total1 = pay2+pay4;// wholesale

          var total2 = pay1+pay3; //retail  

          var total3 = pay1+pay4;  //retail plus wholesale

          var total4 = pay2+pay3;   // wholesale plus retail

                    //here is the sale receipt

          alert("TOTAL RICE BAGS IS : "+ x +"\n"+

                  "TOTAL SUGAR BAGS IS : " +y +"\n"+

                  "TOTAL PAY IS :" + "\n"+

                  "* WH :"+ total1 +"\n"+

                  "* RETAIL :"+ total2 +"\n"+

                  "* RETAIL PLUS WH :" + total3 +"\n"+

                  "* WH PLUS RETAIL :" + total4 + "\n"+

                      shop.appreciation);                                    

Đây là Hoá Đơn mua 150 rice bags và 80 sugar bags.

Quan sát receipt,chúng ta chú ý món nào thì lọt vào mua retail và món nào thì xếp vào wholesale.Theo quy định của chủ cữa hàng nếu mua trên 100 bags áp dụng cho rice và sugar thì xếp vào wholesale.Đó là lý do chúng ta cần phải dùng document.write để có những con số chắc chắn dùng so sánh với số tiền trên receipt.  

CHỈNH LẠI NHƯ SAU ĐỂ CÓ RECEIPT RÕ RÀNG HƠN.

if(x>=100){document.write("PAY WHOLESALE RICE : "+ pay2 + "\n");}

           else{document.write("PAY RETAIL RICE : "+ pay1 + "\n");}

         

          var y = parseInt(prompt("HOW MANY SUGAR BAGS YOU WANT?"));

          var pay3 = parseFloat(y*3.25);

          var pay4 = parseInt(y*3.00);

         

          if(y>=100){document.write("/ PAY WHOLESALE SUGAR : "+ pay4);}

           else{document.write(" / PAY RETAIL SUGAR : "+ pay3);}

PAY WHOLESALE RICE : 600 / PAY RETAIL SUGAR : 260

Nếu cần in receipt thì dùng document.write thay thế cho alert.

document.write("TOTAL RICE BAGS IS : "+ x +"\n"+ 
                  "TOTAL SUGAR BAGS IS : " +y +"\n"+ 
                  "TOTAL PAY IS :" + "\n"+
                  "* WHOLESALE :"+ total1 +"\n"+
                  "* RETAIL :"+ total2 +"\n"+
                  "* RETAIL PLUS WHOLESALE :" + total3 +"\n"+
                  "* WHOLESALE PLUS RETAIL :" + total4 + "\n"+ 

                      shop.appreciation);

PAY WHOLESALE RICE : 600 / PAY RETAIL SUGAR : 260 TOTAL RICE BAGS IS : 150 TOTAL SUGAR BAGS IS : 80 TOTAL PAY IS : * WHOLESALE :840 * RETAIL :1047.5 * RETAIL PLUS WHOLESALE :1027.5 * WHOLESALE PLUS RETAIL :860 THANK YOU SEE YOU AGAIN !
Quan sát receipt,chúng ta thấy có những con số không cần thiết.Làm cách nào để loại bỏ những con số màu đỏ vô ích đó?Tại sao có những con số đó?
Chắc quý bạn biết cách thực hiện như ý muốn?
Chắc Quý Bạn say mê JavaScript phải hông ?

Giải thích những con số không cần thiết nhưng vẫn giúp ích khi cần.

1-Mua 10 rice bags và 20 sugar bags.

PAY RETAIL RICE : 52.5 / PAY RETAIL SUGAR : 65

TOTAL RICE BAGS IS : 10

TOTAL SUGAR BAGS IS : 20

TOTAL PAY IS :

* WHOLESALE :100 = 10*4.00 $ +20*3.00$

* RETAIL :117.5  = 10*5.25$ +20*3.25$

* RETAIL PLUS WHOLESALE :112.5  =10*5.25$ +20*3.00$

* WHOLESALE PLUS RETAIL :105 = 10*4.00$ + 20*3.25

THANK YOU

SEE YOU AGAIN !

2- Mua 100 rice bags và 100 sugar bags

PAY WHOLESALE RICE : 400 USD / PAY WHOLESALE SUGAR : 300USD

TOTAL RICE BAGS IS : 100 TOTAL SUGAR BAGS IS : 100

TOTAL PAY IS :

* WHOLESALE : 700 = 100*4.00$ +100*3.00$

* RETAIL : 850 = 100*5.25$ + 100*3.25$

* RETAIL PLUS WHOLESALE : 825 =100*5.25$ +100*3.00$

 * WHOLESALE PLUS RETAIL : 725 = 100*4.00+100*3.25$

THANK YOU

 SEE YOU AGAIN !

3-Mua 150 rice bags và 80 sugar bags.

PAY WHOLESALE RICE : 600 USD / PAY RETAIL SUGAR : 260 USD

TOTAL RICE BAGS IS : 150

TOTAL SUGAR BAGS IS : 80

TOTAL PAY IS :

* WHOLESALE : 840 =150*4.00$ + 80*3.00 $

* RETAIL :1047.5  = 150* 5.25$ + 80*3.25$

* RETAIL PLUS WHOLESALE :1027.5 = 150*5.25$ + 80*3.00$

* WHOLESALE PLUS RETAIL :860 = 150*4.00$ + 80*3..25$

THANK YOU

SEE YOU AGAIN !

4- Không mua sugar thi viết ZERO

PAY WHOLESALE RICE : 600 USD / PAY RETAIL SUGAR : 0 USD TOTAL RICE BAGS IS : 150

TOTAL SUGAR BAGS IS : 0

TOTAL PAY IS :

 * WHOLESALE :600

* RETAIL : 787.5 

* RETAIL PLUS WHOLESALE :787.5 = 150* 5.25$

* WHOLESALE PLUS RETAIL : 600 = 150*4.00$

THANK YOU

SEE YOU AGAIN !

--------------------

JAVASCRIPT PROGRAMMING LÀ PHƯƠNG TIỆN TUYỆT VỜI DÙNG ĐỂ DIỄN TẢ SỰ SUY NGHĨ VÀ TÍNH TOÁN CỦA CHÚNG TA.

HOAN HÔ QUÝ BẠN ĐANG SAY MÊ NÓ.

------------------------

SAU KHI DỰ THẢO XONG THẤY PROGRAM ĐÃ HOẠT ĐỘNG ĐƯỢC RỒI,

chúng ta suy nghĩ chỉnh lại program cho gọn va trông đẹp mắt .

Thí dụ program trên được chỉnh lại như sau.Nếu cần in receipt thì viết thêm trong program một function display().

* PAY WHOLESALE RICE : 600 USD * PAY RETAIL SUGAR : 260 USD * RICE BAGS : 150 * SUGAR BAGS : 80 
CLICK TO GET RECEIPT

                                                             -------------------

      var shop = {

          greeting :"WELCOME TO : ENRIQUE SHOP \n" ,

          product :"CHÚNG TÔI BÁN RICE VÀ SUGAR \n RICE BAG : 5 lbs \n SUGAR BAG : 2 lbs",

          appreciation :"THANK YOU \n SEE YOU AGAIN !",};         

         

          alert(shop.greeting);

          alert(shop.product);        

          var x = parseInt(prompt("HOW MANY RICE BAGS YOU WANT?"))

          var pay1 = parseFloat(x*5.25);

          var pay2 = parseInt(x*4.00);

         

       if(x>=100){document.write(" * PAY WHOLESALE RICE : "+ pay2 + " " + "USD");}

           else{document.write(" *PAY RETAIL RICE : "+ pay1 + " " + "USD");}

         

         

          var y = parseInt(prompt("HOW MANY SUGAR BAGS YOU WANT?"));

          var pay3 = parseFloat(y*3.25);

          var pay4 = parseInt(y*3.00);

         

       if(y>=100){document.write(" * PAY WHOLESALE SUGAR : "+ pay4 +" " + "USD");}

           else{document.write(" * PAY RETAIL SUGAR : "+ pay3 + " " + "USD");}

         document.write(" * RICE BAGS : " + x + " "+ " * SUGAR BAGS : " + y +" ")

          var total1 = pay2+pay4;     // wholesale

          var total2 = pay1+pay3;    //retail  

          var total3 = pay1+pay4;        //retail plus wholesale

          var total4 = pay2+pay3;   // wholesale plus retail       

              

         function display(){

                  alert(shop.greeting +

                    "TOTAL RICE BAGS IS : "+ x +"\n"+

                  "TOTAL SUGAR BAGS IS : " +y +"\n"+

                  "TOTAL PAY IS :" + "\n"+

                  "* WHOLESALE :"+ total1 +"\n"+

                  "* RETAIL :"+ total2 +"\n"+

                  "* RETAIL PLUS WHOLESALE :" + total3 +"\n"+

                  "* WHOLESALE PLUS RETAIL :" + total4 + "\n"+

                      shop.appreciation + "\n"+

                  "* MANAGER : BAXAO XAOKE "); }

   

Đây là Hóa Đơn đã cải tiến nhưng vẫn còn cải tiến
nữa theo ý muốn của Manager BaXao Xaoke người Mỹ gốc Mít.

Manager Baxao Xaoke người Mỹ gốc Mít Tố Nữ Lái Thiêu muốn có output giống như sau .

PAY WHOLESALE RICE : 600 USD
* PAY RETAIL SUGAR : 260 USD
* RICE BAGS : 150
* SUGAR BAGS : 80
CLICK TO GET RECEIPT

Click xong thì xuất hiện receipt nầy.Phần trên biến mất.

WELCOME TO : ENRIQUE SHOP 
TOTAL RICE BAGS IS : 150
TOTAL SUGAR BAGS IS : 80
TOTAL PAY IS :
* WHOLESALE :840
* RETAIL :1047.5
* RETAIL PLUS WHOLESALE :1027.5
* WHOLESALE PLUS RETAIL :860
THANK YOU SEE YOU AGAIN !
* MANAGER : BAXAO XAOKE

Do yêu cầu trên, chúng ta phải viết lại như sau .Vì phải xử dụngdocument.write thay alert nên khi viết xuống hàng chúng ta phải huỷ bỏ dấu “\n” đã dùng cho alert rồi thay vào đó dấu  “<br>”

if(x>=100){document.write(" * PAY WHOLESALE RICE : "+ pay2 + " " + "USD"+ "<br>");}

           else{document.write(" *PAY RETAIL RICE : "+ pay1 + " " + "USD"+"<br>");}

         

          var y = parseInt(prompt("HOW MANY SUGAR BAGS YOU WANT?"));

          var pay3 = parseFloat(y*3.25);

          var pay4 = parseInt(y*3.00);  

       if(y>=100){document.write(" * PAY WHOLESALE SUGAR : "+ pay4 +" " + "USD"+"<br>");}

         else{document.write(" * PAY RETAIL SUGAR : "+ pay3 + " " + "USD"+"<br>");}   

          document.write(" * RICE BAGS : " + x + "<br> "+ " * SUGAR BAGS : " + y")

function display(){

                  document.write(shop.greeting + "<br>"+

                    "TOTAL RICE BAGS IS : "+ x +"<br>"+

                  "TOTAL SUGAR BAGS IS : " +y +"<br>" +

                  "TOTAL PAY IS :" + "<br>"+

                  "* WHOLESALE :"+ total1 +"<br>"+

                  "* RETAIL :"+ total2 +"<br>"+

                  "* RETAIL PLUS WHOLESALE :" + total3 +"<br>"+

                  "* WHOLESALE PLUS RETAIL :" + total4 + "<br>"+

                      shop.appreciation + "<br>"+

                  "* MANAGER : BAXAO XAOKE "); }

Hóa đơn nầy còn thiếu giờ, ngaỳ, tháng và năm

Muốn thỏa mãn yêu cầu của manager người nữ Gốc Mít Lái Thiêu rất dễ thương thì phải viết thêm codes nầy vào trong function display() của program.

          var today = new Date();

          var day = today.getDate();

          var month = today.getMonth()+1; //January is 0!

          var year = today.getFullYear();    

 

          document.write("* YEAR : " + year + " / " + "MONTH : " + month + "<br>"+ "DAY : " + today)

Cuối cùng sau đây là JavaScript Program mà manager chấp nhận vì có đầy đủ theo mong muốn nên rất cám ơn người viết miễn phí.

var shop = {

          greeting :"WELCOME TO : ENRIQUE SHOP \n" ,

          product :"CHÚNG TÔI BÁN RICE VÀ SUGAR \n RICE BAG : 5 lbs \n SUGAR BAG : 2 lbs",

          appreciation :"THANK YOU \n SEE YOU AGAIN !",         

          };

          alert(shop.greeting);

          alert(shop.product);

alert("YOU MUST PUT ZERO IF YOU DO NOT WANT TO BUY ANY OF THEM");            

          var x = parseInt(prompt("HOW MANY RICE BAGS YOU WANT?"))

          var pay1 = parseFloat(x*5.25);

          var pay2 = parseInt(x*4.00);

        if(x>=100){document.write(" * PAY WHOLESALE RICE : "+ pay2 + " " + "USD"+ "<br>");}

           else{document.write(" *PAY RETAIL RICE : "+ pay1 + " " + "USD"+"<br>");}

          var y = parseInt(prompt("HOW MANY SUGAR BAGS YOU WANT?"));

          var pay3 = parseFloat(y*3.25);

          var pay4 = parseInt(y*3.00);     

       if(y>=100){document.write(" * PAY WHOLESALE SUGAR : "+ pay4 +" " + "USD"+"<br>");}

           else{document.write(" * PAY RETAIL SUGAR : "+ pay3 + " " + "USD"+"<br>");}

          document.write(" * RICE BAGS : " + x + "<br> "+ " * SUGAR BAGS : " + y )

          var total1 = pay2+pay4;     // wholesale

          var total2 = pay1+pay3;    //retail  

          var total3 = pay1+pay4;        //retail plus wholesale

          var total4 = pay2+pay3;   // wholesale plus retail             

function display(){

                  document.write(shop.greeting + "<br>"+

                    "TOTAL RICE BAGS IS : "+ x +"<br>"+

                  "TOTAL SUGAR BAGS IS : " +y +"<br>" +

                  "TOTAL PAY IS :" + "<br>"+

                  "* WHOLESALE :"+ total1 +"<br>"+

                  "* RETAIL :"+ total2 +"<br>"+

                  "* RETAIL PLUS WHOLESALE :" + total3 +"<br>"+

                  "* WHOLESALE PLUS RETAIL :" + total4 + "<br>"+

                      shop.appreciation + "<br>"+

                  "* MANAGER : BAXAO XAOKE "+ "<br>");                 

          //Đây là codes for year,month and day

          var today = new Date();

          var day = today.getDate();

          var month = today.getMonth()+1; //January is 0!

          var year = today.getFullYear();    

 

                    document.write("* YEAR : " + year + " / " + "MONTH : " + month + "<br>"+ "DAY : " + today)}

            
             ***************************

CẦU CHÚC QUÝ BẠN THỰC TẬP THÀNH CÔNG