How to show live Cryptocurrency Price In your website Using HTML CSS, AND JavaScript
How to show live Cryptocurrency Price In your website Using HTML CSS, AND JavaScript
source code
html code
save as Index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible"
content="IE=edge">
<meta name="viewport"
content="width=device-width,
initial-scale=1.0">
<title>Live Crypto currency Price
</title>
</head>
<body>
<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
<div
class="tradingview-widget-container__widget"
>
</div>
<div class="tradingview-widget-copyright"
>
<a href="https://www.tradingview.com/"
rel="noopener nofollow" target="_blank">
<span class="blue-text">Track all markets
on TradingView</span></a></div>
<script type="text/javascript"
src=
"https://s3.tradingview.com/
external-embedding/
embed-widget-screener.js" async>
{
"width": "100%",
"height": "675",
"defaultColumn": "overview",
"screener_type": "crypto_mkt",
"displayCurrency": "USD",
"colorTheme": "light",
"locale": "en"
}
</script>
</div>
<!-- TradingView Widget END -->
</body>
<style>
body{
background-color: black;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}
.tradingview-widget-copyright {
display: none !important;
}
</style>
</html>
css code
save as style.css
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
#tradingview-widget-container__widget{
width: 100%;
height: 100vh;
}
Comments
Post a Comment