실시간 주식 시세를 표시하는 간단한 HTML 코드를 제공합니다.
이 코드는 JavaScript를 사용하여 실제 주식 시세를 가져오지는 않지만,
예제로서 주식 시세를 표시하는 방법을 보여줍니다.
<!DOCTYPE html>
<html>
<head>
<title>실시간 주식 시세</title>
<script>
// JavaScript를 사용하여 실제 주식 시세를 가져올 수 있습니다.
// 이 예제에서는 가상의 시세를 사용합니다.
function getStockPrice() {
// 가상의 주식 가격 생성
var price = Math.floor(Math.random() * 1000) + 1;
document.getElementById("stock-price").innerHTML = "$" + price.toFixed(2);
}
// 페이지 로드 시 주식 가격 가져오기
window.onload = function() {
getStockPrice();
}
</script>
</head>
<body>
<h1>실시간 주식 시세</h1>
<p>현재 주식 가격: <span id="stock-price">$0.00</span></p>
<button onclick="getStockPrice()">가격 업데이트</button>
</body>
</html>
위 코드에서는 JavaScript를 사용하여 가상의 주식 가격을 생성하고 이를 HTML 문서에 표시합니다. "가격 업데이트" 버튼을 클릭하면 주식 가격이 업데이트됩니다.
결과 보기
'HTML 예제' 카테고리의 다른 글
| 버튼 누르면 팝업창 뜨기 (0) | 2023.12.08 |
|---|---|
| 미션 클리어 카운터 (0) | 2023.12.08 |
| 웹사이트 소개 페이지 (0) | 2023.12.08 |
| 이미지 확대/축소 기능 (0) | 2023.12.08 |
| 화면에 예쁜 텍스트 추가 (1) | 2023.12.08 |
