/codegym.vn/ - 131
Hướng dẫn:
Bước 1: Thêm mã HTML tạo form
1. <p>
2. <label>Fahrenheit</label>
3. <input id
=
"inputFahrenheit" type
=
"number" placeholder
=
"Fahrenheit"
4. oninput
=
"temperatureConverter
(
this
.
value
)
"
5. onchange
=
"temperatureConverter
(
this
.
value
)
">
6. </p>
7. <p>Celsius: <span id
=
"outputCelsius"></span></p>
Bước 2: Xây dựng hàm temperatureConverter()
Hàm sẽ nhận tham số đầu vào là giá trị cần chuyển đổi. Thực hiện chuyển đổi từ độ
F sang C theo công thức C = (F– 32) /1.8
1.
function
temperatureConverter
(
valNum
)
{
2. valNum
=
parseFloat
(
valNum
);
3. document
.
getElementById
(
"outputCelsius"
).
innerHTML
=
(
valNum
-
32
)
/
1.8
;
4.
}
Mã nguồn hoàn chỉnh như sau:
1. <!DOCTYPE html>
2. <html lang
=
"en">
3. <head>
4. <meta charset
=
"UTF-8">
5. <title>Title</title>
6. </head>
7. <body>
8.
9. <form>
10. <p>
11. <label>Fahrenheit</label>
12. <input id
=
"inputFahrenheit" type
=
"number" placeholder
=
"Fahrenheit"
13. oninput
=
"temperatureConverter
(
this
.
value
)
"
14. onchange
=
"temperatureConverter
(
this
.
value
)
">
15. </p>
16. <p>Celsius: <span id
=
"outputCelsius"></span></p>
17. </form>
18.
19. <script>
20.
21.
function
temperatureConverter
(
valNum
)
{
22. valNum
=
parseFloat
(
valNum
);
23. document
.
getElementById
(
"outputCelsius"
).
innerHTML
=
(
valNum
-
32
)
/
1.8
;
24.
}
25.
26. </script>
27. </body>
28. </html>
Bước 3: Chạy chương trình và quan sát kết quả
Link mã nguồn tham khảo:
https://github.com/codegym-vn/introduction-to-programming-with-
javascript/blob/main/chapter-06/exercise-01-chuyen-doi-nhiet-do.html
