WELCOME TO BLOGGER VQGĐC

THÂN CHÀO QUÝ BẠN
CLICK HERE TO OPEN

Tất cả hình ảnh, những hoạt động cùng cơ sở Định Chuẩn rồi cũng cùng với thời gian rơi vào khoảng không
Nếu còn gì rớt lại chỉ là những tình cảm của những con người đã một thời làm việc chung dưới một mái nhà
mà nay đả tản mác khắp bốn phương trời
Ninh Vũ / Phòng Thí Nghiệm VQGĐC

Friday, March 28, 2025

HỌC XỬ DỤNG FUNCTION CỦA JAVASCRIPT

 

HỌC XỬ DỤNG FUNCTION CỦA JAVSCRIPT.

Thí dụ chúng muốn viết một Javascript function làm xuất hiện lời chúc Tết.

Chúng ta phải viết những thành phần gồm đủ như sau.

function chucTet( ){ },

1-chucTet là tên của function tùy thích đặt ra.

2-Tiếp theo tên phảí cõ dẩu () goị la  parentheses.

Trong dấu () có chứa parameters nễu cần, hoặc không chữa gi hết.

Thí du chucTet(a,b,c). a,b,c là 3 parameters

3-Tiểp theo là dấu{ }goị la curly brackets.Trong dấu nây chứa nhiệm vụ  mà chúng ta muốn function phải thi hành.

Sau dấu curly phai có dấu chấm phết.

4-Thí dụ chúng ta muốn function viểt ra lời chúc tết thì viết như sau.

Phải víết  function trong script tags.

Muốn function vận hành thì cần phải call nghĩa là phải Click function.

CÓ NHIỀU CÁCH KHÁC NHAU DUNG ĐỂ CALL.

1-Dùng cách call nầy thi dễ làm và dễ thấy.

<span onClick="chucTet()">CLICK</span> 

Viết cách call nầy ở ngoải script tags

COPY BAI DƯỚI ĐÂY RỒI PASTE VÀO

 NOTEPAD . DUNG BROWSER MỞ RA XEM.

Khi viết câu dài cần phải xuống hàng thì viết thêm dấu \n     

Thí du 1.Có chữ Click để call function.

WISHING NEW YEAR<br>-----

   <html>

   <body>

   <script>

   function chucTet(){

    alert ("THÂN ÁI CHÚC BẠN \n TÂN NIÊN HẠNH PHÚC")}

   </script>

   <span onClick="chucTet()">CLICK</span>

    </body>

    </html>


2- Viết chữ return trong curly brackets nếu function có parameter a.

Khi call function, chúng ta sẽ đưa tới  parameter a những gì chúng ta muốn return viết ra.

FUNCTION CÓ THỂ CHỨA MỘT HAY NHIỀU PARAMETERS.

DÙNG ALERT VIẾT NGOÀI CURLY BRACKETS NHƯNG PHẢI VIẾT TRONG SCRIPT TAGS  ĐỂ CALL FUNCTION.

Alert sẽ call tên chucTet(a) của function và đưa tơi parameter a những gì chúng ta muôn return làm xuất hiện.Trương hợp nầy parameter a nhận câu

THÂN ÁI CHÚC BẠN TÂN NIÊN HẠNH PHÚC goị là return value.

 Đưa tơi parameter a bất cứ điều gi tuy ý.

Thí dụ 2

<html>

<body>

<script>

  function chucTet(a){    

     return(a) };       

alert(chucTet("THÂN ÁI CHÚC BẠN \n TÂN NIÊN HẠNH PHÚC"))

</script>

</body>

</html> 

3- CÁCH CALL CĂN BẢN RẤT ĐƠN GIÃN NHƯ SAU.

Thí dụ 3.

 Chỉ cần viết tên chucTet() của function trong script tags.

<html>

<body>

<script>

  function chucTet(){                     

  alert("THÂN ÁI CHÚC BẠN \n TÂN NIÊN HẠNH PHÚC")};         

 chucTet();

 </script>           

 </body>

 </html>

DÙNG NÚT onClick NHƯ SAU CÓ THỂ CALL NHIỀU FUNCTIONS CÙNG MỘT LƯỢC.

Thí dụ 4. Viết ba functions trong script tags như sau sau.

<html>

<body>

<script>

function chucTet(){

    alert("THÂN ÁI CHÚC BẠN \n TÂN NIÊN HẠNH PHÚC")};

 function thamHoi(){

    alert("BÂY GIỜ BẠN  ĐANG Ở ĐÂU ? \n  MỸ QUỐC HAY CANADA ? ")};

 function kyNiem(){

    alert("BẠN VÀ TÔI ĐÃ CÓ NHIỀU KỸ NIỆM TUYỆT VỜI. \n TÔI ĐÃ PHỔ BIẾN TRÊN BLOG LÂU RỒI. ")};                          

</script>           

 <span onClick="chucTet();thamHoi(); kyNiem()";> OPEN</span>

</body>

 </html>

 

Sunday, March 23, 2025

JAVSCRIPT LÀ GÌ CẦN PHẢI CÓ.

 

JAVASCRIPT LẢ GÌ CẦN PHẢI CÓ

Khi muốn viết một trang Web, nếu chỉ xử dụng HTML và CSS thì không thể diễn tả hết những gì chúng ta muốn viết theo ý muốn của chương trình hoặc kế hoạch đã có.

 Nhờ có sự phát minh Javascript để kèm trong HTML nên trang Web trở thành linh động và thỏa mãn tư tửởng chúng ta muốn diễn tả.

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

1-PHÁT MINH JAVASCRIPT
JavaScript là một Programming Language do programmer
Brendan Eich sáng tạo trong 10 ngày vào tháng 5 năm 1994 để kết hợp với browser của Netscape Communications (thành lập năm 1994)

Thành tiêu chuẩn ECMA-262 năm 1997.

Internet Explorer (IE4) la Browser đầu tiên hổ trợ ECMA-262

Ký hiệu ngôn ngữ (syntax) của JavaScript xử dụng theo Programming Language C.

2-TẠI SAO CẦN CÓ JAVASCRIPT ?

JavaScript rất dể học và rất thuận tiện cho cá nhân có thể viết trong Notepad những chương trình theo ý muốn được hoạt động dễ dàng với tất cả browsers mà không cần phải cho qua compiler như các programming languages khác.

 Tất cả computers đều có chứá Notepad.

  Compiler là một program đặc biệt dùng để chuyển đổi bài viết theo codes của programming languages (gọi là  source code ) thành byte-codes mới có thể chạy được trong processor của computer.

Compiler còn được gọi là machine code, rất phức tạp.

Grace Hopper (1906-1992) là nhà tóan học phát minh compiler đầu tiên vào năm 1952 tại USA.

Javascript dùng diễn tả toán học, viết hóa đơn, lam chuyển động hình ảnh, nội kết với các trang web khác, được xử dụng trong cell phone v.v...

A- Thí dụ đây là một javaScript rất đơn giản.

 Cần  biết  cách xử dụng những JavaScript Statements có tên sau đây trước khi viết JavaSript programs:

break, const, continue, debugger, do…while, export, for, for…in, for each …in, functionif…else, import, label, returnswitch…case, this, throw, try… catch, var, while, with. confirm, alert,,,

<html>

<head>

<script>

function display(){

var x= confirm("Ông Bà là bạn của tôi phải không?")

 if(x=="")return

 else {alert('Rất hân hạnh gặp lại nhau!')}}

</script>

</head>

<body>

<span onClick= "display()">CLICK</span>

</body></html>

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

GHI CHÚ.

Nếu Click chữ OK thì xuất hiệ́n câu :

“Rất hân hạnh gặp lại nhau”

Nếu Click chữ Huỷ thì không trả lơi. 

Những chữ in đậm nét màu đen là ký hiệu phải viết đúng theo HTML(Hyper Text Markup Language)

Những gì viết trong 2 chữ script có màu hồng là javaScript.

B-Hóa đơn Javascript bán đủ loại hoa

<html>

<body>

<script>

var T1= prompt('How many roses do you want ?');

var T2= prompt('How many daisies do you want ?');

var T3= prompt('How many orchids do you want ?');

var T4= prompt('How many tulips do you want ?');

var TC= parseInt(T1)+parseInt(T2)+parseInt(T3)+parseInt(T4);    

    

     document.write(' BẠN ĐÃ CHỌN MUA:<br>'+

     T1 +':'+ 'ROSES.<br>'+

     T2 +':'+ 'DAISIES.<br>'+

     T3 +':'+ 'ORCHIDS.<br>'+

     T4 +':'+ 'TULIPS.<br>')

    

    document.write('<br>')

var t1=parseFloat(T1*2.45)

var t2=parseFloat(T2*1.55)

var t3=parseFloat(T3*0.75)

var t4=parseFloat(T4*1.25)

var total=t1+t2+t3+t4 ;

 

    document.write('Tổng cống tiền trả:<br>'+

     t1 +':'+'ROSES.<br>'+

     t2 +':'+'DAISIES.<br>'+

     t3 +':'+'ORCHIDS.<br>'+

     t4 +':'+'TULIPS.<br>'+

    ' TỔNG SỐ:'+ total+'USD.<br>');

  var today = new Date();

  var year = today.getFullYear();      

document.write( "Cam Ơn.<br>"+ today);             

</script>

</body>

</html>


C-BẢN IN HOÁ ĐƠN CÓ IN NGAY GIỜ ĐỊA PHƯƠNG LÚC MUA HOA.

BẠN ĐÃ CHỌN MUA:
10:ROSES.
5:DAISIES.
15:ORCHIDS.
8:TULIPS.

Tổng cống tiền trả:
24.5:ROSES.
7.75:DAISIES.
11.25:ORCHIDS.
10:TULIPS.
TỔNG SỐ:53.5USD.
Cam Ơn.
Sun Mar 23 2025 16:57:25 GMT-0700 (Giờ mùa hè Thái Bình Dương)

Sunday, March 16, 2025

CÁCH VẼ CON CÁ HỒNG THEO SVG QUỐC TẾ

 VẼ CON CÁ THEO SVG.

I-PROGRAM VẼ CÁ HỒNG

Copy rôi post vào Notepad.

Dung Browser để mở xem.

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

    <svg xmlns ="http//www.w3.org/2000/svg"

Xmlns:xlink = "http//www.w3.org/1999/xlink"

Width = "100%" height= "100%">

<g>

<path d="M 200 160, C 250 200, 350 120, 200 160,

L 200 160, 180 170,

L 200 160,175 150,

C 175 150,185 160,180 170 Z"

Stroke= "red" stroke-width="4" fill="green"/>

<circle cx="260" cy= "155" r="3" stroke="yellow" fill="red"/>

</g>

<g>

 <text x="145" y="100" font-size="30"

 font-family ="arial " stroke="blue">VE CÁ HỒNG THEO SVG</text>.

 <text x="105" y="250" font-size="35"

 font-family ="courier" stroke="black">

HenryDuong/16/3/2025</text>

 </g></svg>

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

II-CÂN THUỘC LÒNG KHI VẼ.

Phương pháp nầy dạy vẽ những hình rất nhẹ hơn hỉnh gif, png.

Khi kéo hình lớn ra hoặc thu nhỏ lại theo ý muốn, hình không bị hư lệch.

Loaị hình vè nâỳ rất hay, được xử dụng rất phổ thông khi muốn tạo hình di chuyển.

Phương pháp SVG nầy xuất hiện vào năm1998 và thành tiêu chuẩn quốc tế năm 2000 cho nên câu đầu tiên viết như sau

 <svg  xmlns="http://www.w3.org/2000/svg" 

width="5000height="3000">

Hoặc viết như sau.

 <svg xmlns ="http//www.w3.org/2000/svg"

Xmlns:xlink = "http//www.w3.org/1999/xlink"

Width = "100%" height= "100%">

 Cuối bảng vé phải viết dậu chấm dứt lã </SVG> thì hình mới xuất hiến. 

Trong câu đầu tiên phải có kích thước tự do chọn cho chiều rộng và chiều cao của view port tính theo pixels. Hình vẽ sẽ phải nằm trong view port.

Phải chọn tọa độ x, y để vẽ hình cho nên gọi là Scalable Vetor Graphic (SVG).

Trên trục tung  phải chọn y theo chiều âm

Bắt đâu vẽ phải viết < path d="M

path nghĩa là đương vẽ.

d nghìa là depart. M nghĩa là Move tới tọa độ.

Nếu tọa độ theo đương cong thì viốt chữ C.

Nếu tọa độ theo đương thẳng thì viết chư L 

Chấm dứt đương vẽ  nghía lã không chọn tọa độ nữa thì viết chữ  Z