NTM Solutions

Hiển thị các bài đăng có nhãn javascript. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn javascript. Hiển thị tất cả bài đăng

Thứ Sáu, 28 tháng 2, 2025

Hiển thị giờ định dạng kiểu Việt Nam trong Javascript

Nhớ thêm cái thẻ gắn id="datetime" trên này nhé!


<script>
    window.onload = function() {    


    setInterval(function(){
        var date = new Date();

        const options = { weekday: 'long', month: 'long', day: '2-digit', year: 'numeric' };

        var displayDate = date.toLocaleDateString('vi-VN', options);
        var displayTime = date.toLocaleTimeString();

        document.getElementById('datetime').innerHTML = displayDate + " " + displayTime;
    }, 1000); // 1000 milliseconds = 1 second
    }
</script>


Kết quả demo trong thực tế:

Thứ Bảy, 18 tháng 1, 2025

Javascript Cheat Sheet 2025

//JavaScript Cheat Sheet 2025

//dùng Ctr + Shift + I trong trình duyệt để xem console

//xem cách cài đặt file Javascript ở menu Lập trình - Javascript
//http://www.lophocvitinh.com

//Variables
var x = 10; // Function-scoped
let y = 20; // Block-scoped
const z = 30; // Block-scoped and cannot be reassigned


//Data Types
let num = 42; // Number
let str = "Hello"; // String
let bool = true; // Boolean
let obj = { name: "John", age: 30 }; // Object
let arr = [1, 2, 3]; // Array


//Functions
function add(a, b) {
    return a + b;
}

const multiply = (a, b) => a * b;


//Arrays vs Methods
let fruits = ["Apple", "Banana"];
fruits.push("Orange"); // Adds "Orange" to the end
fruits.pop(); // Removes the last element

let numbers = [1, 2, 3, 4];
let doubled = numbers.map(n => n * 2); // [2, 4, 6, 8]


//Loops
for (let i = 0; i < 5; i++) {
    console.log(i);
}

let j = 0;
while (j < 5) {
    console.log(j);
    j++;
}


//DOM Manipulation
document.getElementById("divDemo").innerHTML = "Hello World!";
document.querySelector(".myClass").style.color = "red";


//Events
document.getElementById("btnDemo").addEventListener("click", function() {
    alert("Button clicked!");
});

Thứ Bảy, 9 tháng 10, 2021

KHÓA HỌC JAVASCRIPT- BÀI 06: SỬ DỤNG BIẾN

Mục lục học JavaScript

​1.Khai báo biến

Biến dùng để chứa dữ liệu (giá trị)

Trong ví dụ sau ta dùng từ khóa var để khai báo 03 biến: x, y và z.


Ví dụ:

var x = 1;

var y = 2;

var z = x + y;


Ở đây, x chứa giá trị là 1, y chứa giá trị là 2 và z chứa giá trị là 3.

Qui tắc trong lập trình rất giống với qui tắc trong môn đại số (algebra)

Thứ Bảy, 2 tháng 10, 2021

KHÓA HỌC JAVASCRIPT- BÀI 05: Cú pháp

Mục lục học JavaScript


​1.Giá trị

có 02 loại:

  • giá trị cố định→các giá trị dạng chữ

  • giá trị biến → các giá trị các biến


2.Giá trị dạng chữ

Số: bao gồm số thông thường và số có dấu phân cách thập phân.

Ví dụ:

8.9

89


Chuỗi: trong ngoặc đơn hoặc ngoặc kép.

Ví dụ:

"Lớp học vi tính"

'Lớp học vi tính'


Thứ Bảy, 25 tháng 9, 2021

KHÓA HỌC JAVASCRIPT- BÀI 04: Câu lệnh

Mục lục học JavaScript

+Trong HTML, các chương trình JavaScript được trình duyệt web thực thi.

+Các câu lệnh JavaScript được tạo thành từ các: giá trị, toán tử, biểu thức, từ khóa và chú thích.

+Các câu lệnh JavaScript phân cách với nhau bằng dấu ;

Ví dụ:

let a, b, c; // khai báo 03 biến

a = 5; // Gán giá trị 5 vào biến a

b = 6; // Gán giá trị 6 vào biến b

c = a + b; // Gán giá trị tổng của a và b vào biến c

Thứ Bảy, 18 tháng 9, 2021

KHÓA HỌC JAVASCRIPT- BÀI 03: Xuất dữ liệu

Mục lục học JavaScript

Để xuất dữ liệu trong JavaScript ta có 05 cách sau đây:

1.innerHTML

Gắn dữ liệu vào 01 thẻ có id tương ứng.

Ví dụ:

<!DOCTYPE html>

<html>

<head>

<title>Tự học JavaScript</title>

<script>

function myFunction(){

document.getElementById("demo").innerHTML = "Chụt chụt chụt JavaScript!!!";

}

</script>

</head>

<body>

<h1 id="demo"></h1>

<button type="button" onclick="myFunction()">Bấm vào đây!!!</button>

</body>

</html>

Thứ Bảy, 11 tháng 9, 2021

KHÓA HỌC JAVASCRIPT- BÀI 02: Mã JavaScript đặt ở đâu

Mục lục học JavaScript

1.Thẻ <script>

Trong tập tin HTML, đoạn mã JavaScript được chèn giữa cặp thẻ <script></script>

Trong các phiên bản cũ có thể khai báo thêm như sau: <script type="text/javascript">

Hiện nay thì JavaScript đã là mặc định trong HTML nên cũng không cần khai báo như vậy.


<!DOCTYPE html>

<html>

<head>

<title>Tự học JavaScript</title>

</head>

<body>

<h1>JavaScript trong phần body</h1>

<p id="demo"></p>

<script>

document.getElementById("demo").innerHTML = "Chụt chụt chụt JavaScript!!!";

</script>

</body>

</html>



Thứ Ba, 7 tháng 9, 2021

KHÓA HỌC JAVASCRIPT- BÀI 01: GIỚI THIỆU

Mục lục học JavaScript

JavaScript là 01 trong 03 ngôn ngữ lập trình “buộc phải học” của tất cả các lập trình viên web:


  1. HTML →xác định nội dung của trang web.

  2. CSS →xác định bố cục giao diện trang web.

  3. JavaScript →lập trình các hành vi của trang web.



Sau đây là những gì JavaScript có thể làm được:

Facebook Youtube RSS