CÁCH DÙNG SPAN TAG-HOW TO USE SPAN TAG

Why and how we use span tag

Tại sao phải dùng span tag - Cách xử dụng

Span tag rất phổ thông và rất quan trọng chúng ta cần phải biết rành khi muốn viết bài theo phương pháp html.

Trong bài html những gì liên hệ đến chữ viết như kiểu chữ, độ lớn, màu sắc và cách đem hình vào hoặc làm hình xuất hiện hay biến mất khi tiếp xúc với curser  v.v…chúng ta phải xử  dụng span tag thay cho CSS( Cascading Style Sheet )vì rất đơn giản.

Những gì chứa trong span tag phải viết theo qui định của CSS và phải có chữstyle đứng đầu

Không cần phải lồng span tag trong html vì span tag tự nó là html rồi.

Sáu cách viết sau đây rất thông dụng.

                            
                            Nối kết với trang html khác và đem hình vào bài viết html .

C++ PROGRAM SALE RECEIPT CÓ TAX VÀ KHÔNG TAX.

C++ PROGRAM SALE RECEIPT CÓ TAX VÀ KHÔNG TAX.

#include<iomanip>// phải có để declare setw() và setprecision(2)

#include<iostream>

#include<math.h>

#include<string>

using namespace std;

int main(){

string item;

int qt;

float p ;

float tx;

float coats=qt*p; // vì qt*p là value nên phải declare tên costs

float tcost=qt*p*tx;

float sum1=0.0;

float sum2=0.0 ;

cout << "\n\nRECEIPT"<<endl;

cout<<"HENRY MINI-MARKET"<<endl;

cout<<" PLS ENTER DATE"<<endl;

int month, day, year ;

cin >>month >>day>>year;

cout <<" DATE :" <<month << "/" << day << "/" << year<<endl;

cout<<"==========="<<endl;

cout<<" PLS ENTER ITEM NAME, QUANTITY, PRICE, TAX RATE"<<endl;

cout<<setw(15)<<left<<"ITEM NAME"<< setw(15) <<"QUANTITY/Unit"<< setw(15)<< "PRICE/Unit"<< setw(15)<< "COSTS NOTAX"<< setw(15)<< "TAX RATE"<< endl;

cout<<"========================================="<<endl;

while(cin>>item>> qt >> p >> tx){

cout << fixed << setprecision(3);

cout<<setw(15)<<left<<item<<setw(15)<<qt<<setw(15)<<p<<setw(15)<< qt*p <<setw(15)<<tx<< endl;

sum1 += qt*p;

sum2 += qt*p*tx ;}

cout<<"========================================="<<endl;

cout<<setw(50)<<left<<"Trả tiền chưa tinh tax: " << " $ "<< sum1 <<endl;

cout<<setw(50)<<left<<"Trả tiền tax : "<< " $ "<< sum2 <<endl;

cout<<setw(50)<<left<<"Trả tiền có tính tax: "<< " $ "<< sum1+sum2 <<endl;

cout << "THANK YOU.SEE YOU AGAIN !" << endl;

return 0; }

OUTPUT

California tax rate now is 7.5%.

RECEIPT
HENRY MINI-MARKET
PLS ENTER DATE
DATE :7/23/2016
===========

PLS ENTER ITEM NAME, QUANTITY, PRICE, TAX RATE
ITEM NAME  QUANTITY/Unit  PRICE/Unit  COSTS NOTAX  TAX RATE 
=========================================
CAFE               10                 7.450          74.500            0.000 
RICE                10                1.450          14.500            0.000 
SUGAR              5                 0.850           4.250             0.000 
SARAN              2                 1.750           3.500             0.075 
PAPERCUP       20                 0.150           3.000             0.075 
TOWELS           5                  1.750          8.750              0.075 
=========================================
Trả tiền chưa tinh tax: $ 108.500
Trả tiền tax : $ 1.144
Trả tiền có tính tax: $ 109.644
THANK YOU.SEE YOU AGAIN !

PHẢI VIẾT THÊM CÂU  cout << fixed << setprecision(2) chỗ trả tiền thì số lẽ làm tròn thành 2 con số .

PLS ENTER ITEM NAME, QUANTITY, PRICE, TAX RATE
ITEM NAME  QUANTITY/Unit  PRICE/Unit  COSTS NOTAX  TAX RATE 
=========================================
CAFE              10                    7.450            74.500           0.000 
RICE               10                   1.450            14.500          0.000 
SUGAR             5                    0.850              4.250          0.000 
SARAN             2                    1.750              3.500          0.075 
PAPERCUP      20                    0.150              3.000          0.075 
TOWELS          5                     1.750              8.750          0.075 
=========================================
Trả tiền chưa tinh tax: $ 108.50
Trả tiền tax : $ 1.14
Trả tiền có tính tax: $ 109.64
THANK YOU.SEE YOU AGAIN !

Ghi chú hướng dẫn.

1-Phần trên cùng cần có các libraries của C++ Programming, tiếp theo là chỗ có declaration và initialization của các input from keyboard.tên cửa hàng và ngày tháng.

2-Phần tiếp theo là format sắp xếp tên của mỗi món hàng,số lượng đơn vị của mỗi món hàng, giá bán của mỗi đơn vi và giá cộng của nhiều đơn vị của mỗi món hàng.

Cũng trong phần nầy chúng ta chọn dùng “while Loop type”.Trong parentheses và curly brackets của while,chúng ta viết như sau.

while(cin>> str >> qty >> p){

cout << fixed << setprecision(3);

cout<<setw(15)<<left<<item<<setw(15)<<qt<<setw(15)<<p<<setw(15)<< qt*p <<setw(15)<<tx<< endl;

sum1 += qt*p;

sum2 += qt*p*tx ;}

Chúng ta chọn “while Loop type” vì muốn lấy nhiều tên khác nhau của những món hàng khác nhau.
Cần lấy 3 số lẽ nên phải viết cout << fixed << setprecision(3);

4-Phần cuối cùng là chỗ viết ra tổng cộng tiền phải trả và lời chào tạm biệt.

Trong hóa đơn nầy,chúng ta cần có thêm :

#include<iomanip> để vận hành program (manipulate the output of the program).

#include<math.h> là library về tính tóan của c++ program

setw( ) để ấn định khoãng trống (field width) cần cho hàng chữ sẽ viết.

Thí du setw(15) nghĩa là khoãng trống cho 15 chữ viết.Mỗi khoãng của mỗi chữ gọi là một field.Field width =15.

Vì hóa đơn nầy được bố trí theo formatting nên phải xử dụng setw( ).

Xử dụng setprecision ấn định sau dấu chấm (decimal point) có bao nhiêu số lẽ.Thí du

setprecision(2) của 64.3711 là 64.37

ELEMENTS IN A SIMPLE PROGRAM C++

    THÀNH PHẦN CỦA MỘT PROGRAM C++ ĐƠN GIẢN

- Programming C++ xuất hiện vào tháng 10 năm 1985, sáng chế bởi Bjarne Stroustrup, đổi thành tiêu chuẩn ISO vào năm 1988 .

- Bjarne Stroustrup là nhà tóan học gốc Dan Mạch,sinh năm 1950 đã sáng chế programming C++ để làm luận án tốt nghiệp PhD năm 1979 tại Đại Học Cambridge Anh Quốc.

- Programming C++ rất thông dụng và vận hành nhanh hơn programming java mặc dầu java cũng rất thông dụng vì programming java phải load class trước rồi program mới được compiled.        

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

1- Đây là một program C++ rất đơn giản

         

          #include<iostream>

            using namespace std;

            int main(){

            cout << "THÂN CHÀO QUÝ BẠN VQGĐC!\n ĐÂY PROGRAMMING C++,tiêu chuẩn hóa năm 1988";

            return 0;

            }

OUTPUT FROM COMPILER FREE ONLINE “IDEONE.COM”.

THÂN CHÀO QUÝ BẠN VQGĐC!

 ĐÂY PROGRAMMING C++,tiêu chuẩn hóa năm 1988

Ghi chú hướng dẫn.

Dấu # là ký hiệu của preprocessor

#include<iostream>. Nói cho pre-processor biết tất cả input, output ,functions cout, function cin, variables của program C++ phải nằm trong chỗ chứa (container)có tên là namespace std nên phải viết phía dưới 3 chữ using namespace std ;

Nếu không muốn viết using namespace std thì

* phải viết std::cout<< để có printout.

* phải viết std::>>cin để lấy input từ keyboard.

Dấu <<  và dấu >>  gọi là operator

Dấu << endl  là dấu xuống hàng thay cho dấu \n.

int là integer.

main().Tất cả programs C++ đều phải có main() function, phải có chữ int đứng trước và phải có chữ return 0 sau cùng thi compiler mới chịu compile.Vì trước main() có chữ int là integer nên return bắt buộc phải là một integer. Con số 0 là integer.

Mỗi program C++ chỉ có duy nhất một function gọi là main() mà thôi.

Nếu program C++ chứa nhiều functions thì bắt buộc phải có một function g̣ọi là  main() ở trong nhóm đó vì operating system chỉ call main()mà thôi.

return là chữ để main() function chấm đ́ứt vận hành.Tiếp theo return 0 phải có dấu chấm phẩy (semicolon).

main() chỉ có một số parameters hạn chế (resticted parameters).

2-Call một function ở ngoài main function

#include <iostream>

using namespace std;

void say_hello(){

          cout << "Hello Friends Around The World";}

int main(){

          say_hello();

return 0; }

OUTPUT FROM COMPILER FREE ONLINE “IDEONE.COM”.

 stdin

Standard input is empty

 stdout

Hello Friends Around The World

3-Có using namespace std;

#include<iostream>

 using namespace std;

 int main(){

        cout << "Enter two numbers:\n" ;

        int v1, v2;

        cin >> v1 >> v2;

        cout << "The sum of " << v1 << " and " << v2

                  << " is " << v1 + v2 << endl;

        return 0;

    } 

OUTPUT

 stdin

3245

4835

 stdout

Enter two numbers:

The sum of 3245 and 4835 is 8080

4-Không có using namespace std;

#include<iostream>

 int main(){

        std::cout << "Enter two numbers:" << std::endl;

        int v1, v2;

        std::cin >> v1 >> v2;

        std::cout << "The sum of " << v1 << " and " << v2

                  << " is " << v1 + v2 << std::endl;

        return 0;}

OUTPUT FROM COMPILER FREE ONLINE “IDEONE.COM”.

 stdin

1245

3241

 stdout

Enter two numbers:

The sum of 1245 and 3241 is 4486

  

5-Progam có nhiều functions.

Quảng cáo.

#include <iostream>

using namespace std;

void display1(){

          cout << "HENRY FARMER MARKET\n";}

void display2(){

          cout<< "Chuyên Bán Sãn Phẫm Nhập Cảng Á Châu\n";}

int main(){

          display1();

          display2();

  cout<<"Mit đủ loại, Xoài tượng, Vú sữa, Chôm chôm, Ổi xá lị,Café Blao\n "<<endl;

  cout<<" Giá Bán Phải Chăng\n"<<endl;

  cout<<"Trân Trọng Kính Mời\n"<<endl;

return 0; }

Success

OUTPUT

HENRY FARMER MARKET

Chuyên Bán Sãn Phẫm Nhập Cảng Á Châu

Mit đủ loại, Xoài tượng, Vú sữa, Chôm chôm, Ổi xá lị,Café Blao 

 Giá Bán Phải Chăng

Trân Trọng Kính Mời

6-Program đơn giản của hóa đơn bán hàng.

#include <iostream>

using namespace std;

int main (){

 string it;

 float i ;

 int qt ;

  cout << " Enter an item name : ";

  cin >> it; 

cout << "The item name is " << it<< ".\n";

cout << " Enter a price : ";

  cin >> i;

cout << "The price is " << i << ".\n";

cout << "Enter a quantity: ";

  cin >> qt ;

cout << "The quantity is " << qt << ".\n";

cout << " The total price is " << i*qt << ".\n";

return 0;

}

OUTPUT

BANANA

0.15

400

 Enter an item name : The item name is BANANA.

Enter a price : The price is 0.15.

Eenter a quantity: The quantityis 400.

 The total price is 60.

Ghi Chú.

Hóa đơn nầy thiếu sót đơn vị đo lường và loại tiền tệ.

  

7- Program có Array của hóa đơn bán trái cây.

Xử dụng Array

#include <iostream>

using namespace std;

void display1(){

         cout << "HENRY FARMER MARKET.\n";

         cout<<" Giá Bán Phải Chăng.\n";

        cout<<"Trân Trọng Kính Mời.\n";

         cout<<"------------------ \n";}

void display2(){

string name[5] = {"BANANA", "MANGO", "DURION", "CHÔM CHÔM", "NHẢN LỒNG"};

cout<< name [4] << ".\n";};

int main(){

 display1();

 display2();

  float i ;

  int qt ;

  cout << "The fruit name is " << x << ".\n";

  cout << " Enter a price : ";

  cin >> i;

 cout << "The price is " << i << ".\n";

 cout << "Enter a quantity: ";

  cin >> qt ;

 cout << "The quantity is " << qt << "lb" << ".\n";

 cout << " The total price is " << i*qt << "USD" << ".\n";    

return 0; }

OUTPUT

0.75

1000

HENRY FARMER MARKET.

 Giá Bán Phải Chăng.

Trân Trọng Kính Mời.

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

NHẢN LỒNG.

 Enter a price : The price is 0.75.

Enter a quantity: The quantity is 1000lb.

 The total price is 750USD.

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