1606446369
LifetionCoin is inherited by the good features of Bitcoin Core and Dash Core. We focus on optimizing transaction fees and transaction speed. LifetionCoin development aims to create a LifetionCoin real-time payment system for future Malliouhana’s projects as well as the cryptocurrency community.
Malliouhana Holdings wishes to bring to their community not just a LifetionCoin digital currency, but a payment method which replaces cash. LTP digital currency is formed and expanded, to be shared as our success for you to exploit, possess, and become wealthy together. LifetionCoin is a cryptocurrency, developed by professional blockchain developers from Seychelles.
Would you like to earn LTP right now! ☞ CLICK HERE
Looking for more information…
☞ Website
☞ Announcement
☞ Explorer
☞ Source Code
☞ Social Channel
☞ Documentation
☞ Coinmarketcap
Thank for visiting and reading this article! I’m highly appreciate your actions! Please share if you liked it!
#blockchain #bitcoin #crypto #lifetion coin #ltp
1606446369
LifetionCoin is inherited by the good features of Bitcoin Core and Dash Core. We focus on optimizing transaction fees and transaction speed. LifetionCoin development aims to create a LifetionCoin real-time payment system for future Malliouhana’s projects as well as the cryptocurrency community.
Malliouhana Holdings wishes to bring to their community not just a LifetionCoin digital currency, but a payment method which replaces cash. LTP digital currency is formed and expanded, to be shared as our success for you to exploit, possess, and become wealthy together. LifetionCoin is a cryptocurrency, developed by professional blockchain developers from Seychelles.
Would you like to earn LTP right now! ☞ CLICK HERE
Looking for more information…
☞ Website
☞ Announcement
☞ Explorer
☞ Source Code
☞ Social Channel
☞ Documentation
☞ Coinmarketcap
Thank for visiting and reading this article! I’m highly appreciate your actions! Please share if you liked it!
#blockchain #bitcoin #crypto #lifetion coin #ltp
1623272400
0:00 Intro
0:29 Tokenmetrics
1:02 Market Overview
3:38 Coin #3
7:26 Coin #2
11:24 Coin #1
15:32 Join Tokenmetrics!
📺 The video in this post was made by K Crypto
The origin of the article: https://www.youtube.com/watch?v=wghBTuHq_MA
🔺 DISCLAIMER: The article is for information sharing. The content of this video is solely the opinions of the speaker who is not a licensed financial advisor or registered investment advisor. Not investment advice or legal advice.
Cryptocurrency trading is VERY risky. Make sure you understand these risks and that you are responsible for what you do with your money
🔥 If you’re a beginner. I believe the article below will be useful to you ☞ What You Should Know Before Investing in Cryptocurrency - For Beginner
⭐ ⭐ ⭐The project is of interest to the community. Join to Get free ‘GEEK coin’ (GEEKCASH coin)!
☞ **-----CLICK HERE-----**⭐ ⭐ ⭐
(There is no limit to the amount of credit you can earn through referrals)
Thanks for visiting and watching! Please don’t forget to leave a like, comment and share!
#bitcoin #blockchain #top coins to get rich #coins #top coins
1624579200
0:00 Intro
0:21 Tokenmetrics
0:53 BTC Update
1:55 Coin #5
4:20 Coin #4
6:45 Coin #3
8:04 Coin #2
9:30 Coin #1
📺 The video in this post was made by K Crypto
The origin of the article: https://www.youtube.com/watch?v=y1-uV1gSsQY
🔺 DISCLAIMER: The article is for information sharing. The content of this video is solely the opinions of the speaker who is not a licensed financial advisor or registered investment advisor. Not investment advice or legal advice.
Cryptocurrency trading is VERY risky. Make sure you understand these risks and that you are responsible for what you do with your money
🔥 If you’re a beginner. I believe the article below will be useful to you ☞ What You Should Know Before Investing in Cryptocurrency - For Beginner
⭐ ⭐ ⭐The project is of interest to the community. Join to Get free ‘GEEK coin’ (GEEKCASH coin)!
☞ **-----CLICK HERE-----**⭐ ⭐ ⭐
Thanks for visiting and watching! Please don’t forget to leave a like, comment and share!
#bitcoin #blockchain #top coins #top coins to get rich #5 coins to $5 million! top coins to get rich in march/april
1624388400
0:00 Intro
0:15 Patreon
0:43 Coin #10
2:03 Coin #9
3:33 Coin #8
5:20 Coin #7
6:14 Coin #6
7:49 Coin #5
9:19 Coin #4
11:22 Coin #3
12:19 Coin #2
14:51 Coin #1
16:17 Join The Patreon!
📺 The video in this post was made by K Crypto
The origin of the article: https://www.youtube.com/watch?v=u0Cm8KqjDU4
🔺 DISCLAIMER: The article is for information sharing. The content of this video is solely the opinions of the speaker who is not a licensed financial advisor or registered investment advisor. Not investment advice or legal advice.
Cryptocurrency trading is VERY risky. Make sure you understand these risks and that you are responsible for what you do with your money
🔥 If you’re a beginner. I believe the article below will be useful to you ☞ What You Should Know Before Investing in Cryptocurrency - For Beginner
⭐ ⭐ ⭐The project is of interest to the community. Join to Get free ‘GEEK coin’ (GEEKCASH coin)!
☞ **-----CLICK HERE-----**⭐ ⭐ ⭐
Thanks for visiting and watching! Please don’t forget to leave a like, comment and share!
#bitcoin #blockchain #10 coins to $10 million #top coins #rich #10 coins to $10 million! top coins to get rich in april 2021
1669349427
This tutorial will help you to create a coin flip simulator using JavaScript, and HTML. A visual coin flip using CSS is also included.
Simulating a coin flip using JavaScript can be done by using the built-in Math.random()
method.
JavaScript’s Math.random()
method generates a random number between 0
and 0.99999999999999999
so you can use the generated number to decide if the result of the coin flip is a head or a tail.
The breakpoint of the flip is at 0.50
as shown below:
let num = Math.random();
if (num < 0.5) {
console.log("HEAD");
} else {
console.log("TAIL");
}
This means the result will be tail when it’s between 0
and 0.49999999999999999
.
Using the code above, you can create a flip coin simulator that uses HTML <button>
to trigger the JavaScript code and display the result in a <div>
element.
First, create a <button>
and a <div>
with id
attributes inside your HTML element:
<body>
<button id="flip" type="button">Flip the coin</button>
<div id="result"></div>
</body>
Next, add a <script>
tag and attach an event listener to the <button>
element to listen for click
events. When the button is clicked, the fnClick()
function will be executed by JavaScript as follows:
<body>
<button id="flip" type="button">Flip the coin</button>
<div id="result"></div>
<script>
let button = document.getElementById("flip");
function fnClick() {
// TODO: write the function code later
}
button.addEventListener("click", fnClick);
</script>
</body>
The fnClick()
function will run the code to simulate a coin flip by using the Math.random()
method you’ve seen above.
The result will be set as the content of the <div>
element you have in the HTML body:
<body>
<button id="flip" type="button">Flip the coin</button>
<div id="result"></div>
<script>
let button = document.getElementById("flip");
let result = document.getElementById("result");
function fnClick(event) {
let num = Math.random();
if (num < 0.5) {
result.innerHTML = "You got HEAD";
} else {
result.innerHTML = "You got TAIL";
}
}
button.addEventListener("click", fnClick);
</script>
</body>
Here’s a demo of the code above:
Alternatively, you can also create a simulator that flips as many as x times following the user’s input. Let’s do that in the next section.
To create a coin flip simulator that flips as many times as the user wants, you need to create an HTML <input>
element to accept the user’s input as follows:
<body>
<div>
<label for="quantity">How many times to flip?</label>
<input type="number" id="quantity" min="1" value="1" />
</div>
<button id="flip" type="button">Flip the coin</button>
<div id="result"></div>
</body>
Next, revise the fnClick()
function to grab the value of the <input>
tag and use a for
statement to loop the coin flip code.
The result of the flip needs to be wrapped with a <p>
tag and stored in a variable (named score
in the example below)
Once you have all the results from the simulator, set it as the content of the <div>
element
Take a look at the fnClick()
function below:
<script>
let button = document.getElementById("flip");
let result = document.getElementById("result");
function fnClick(event) {
let qty = document.getElementById("quantity").value;
let score = "";
for (let i = 0; i < qty; i++) {
let num = Math.random();
if (num < 0.5) {
score += "<p>You got HEAD</p>";
} else {
score += "<p>You got TAIL</p>";
}
}
result.innerHTML = score;
}
button.addEventListener("click", fnClick);
</script>
Now you will have as many results as the number you put inside the <input>
element.
Check out the following demo:
Finally, you can also create a coin flip simulator that shows a virtual coin using CSS. Let’s do that next.
Note: the following coin flip simulator is adapted from a Codepen by Le Liu. I adjusted the code to remove redundant styling and give a fresh look
To create a coin flip simulator using CSS, you need to create three <div>
elements styled and animated using CSS.
First, create a new HTML <body>
tag with the following code:
<body>
<h1>Click on the coin below to flip</h1>
<div id="coin">
<div class="side head"></div>
<div class="side tail"></div>
</div>
</body>
The three <div>
elements represent a coin in the browser, with the parent <div>
coin
acts as the container of the head
and tail
side of the coin.
Next, write the CSS code that will style the coin as follows:
h1 {
text-align: center;
}
#coin {
position: relative;
margin: 0 auto;
width: 100px;
height: 100px;
cursor: pointer;
}
.side {
width: 100%;
height: 100%;
border-radius: 50%;
position: absolute;
backface-visibility: hidden;
}
.head {
background-color: yellow;
z-index: 10;
}
.tail {
background-color: red;
transform: rotateX(-180deg);
}
The #coin
style will put your visual coin at the center of the HTML page and set the width and height size to 100px
. You will also have the cursor transformed into a pointer to tell the user that it can be clicked.
The .side
style will transform the two <div>
elements that represent the sides of a coin to a circle by setting the border-radius
to 50%
on all sides. The backface-visibility
is set to hidden
to hide the back face while rotating.
The .head
and .tail
style each colors the side of the coin. The head side will have yellow
color while the tail side will have red
color.
The .head
class z-index
property is set to 10
to put it above the .tail
class.
The .tail
class will have the transform: rotateX()
property set to -180deg
so that it will synergize with the rotation animation you will create next.
Now that the <div>
elements are styled as a visual coin, let’s create a CSS animation using @keyframes
The @keyframes
rule is a CSS rule used to specify the animation code.
A coin flip animation can be achieved using the following rule:
@keyframes resultHead {
from {
transform: rotateX(0);
}
to {
transform: rotateX(1800deg);
}
}
@keyframes resultTail {
from {
transform: rotateX(0);
}
to {
transform: rotateX(1980deg);
}
}
the from
rule will set the initial condition of the animation. The code above sets the property transform
to rotateX(0)
so that the flip always initialized from the head side visible.
if the result of the flip is head, the coin will be flipped 1800deg
. This will create a flip animation five times because one flip is 360deg
.
When the flip result is tail, the coin will have rotating animation five times plus a 180 degree rotation to show the tail side to the user. This is why the .tail
CSS class sets the rotateX
value to -180
degree.
With the CSS animation rule specified, you can call them from CSS classes using the animation
property as follows:
.flipHead {
animation: resultHead 2s ease-out forwards;
}
.flipTail {
animation: resultTail 2s ease-out forwards;
}
The animation will be triggered when you add the flipHead
or flipTail
class to the <div id='coin'>
element. The animation will run with the following rules:
2s
)ease-out
)forwards
)With that, you have completed the CSS code for the simulator. Only the script to process the flip remains.
To flip the coin on click, you need to add an event listener to <div id='coin'>
that will run the fnClick()
function.
Just like before, fnClick()
function will call Math.random()
method to determine the flip result. But instead of writing the result to an HTML element, it will set the className
property of the coin
<div>
:
let coin = document.getElementById("coin");
coin.addEventListener("click", fnClick);
function fnClick() {
var flipResult = Math.random();
if (flipResult < 0.5) {
coin.className = "flipHead";
} else {
coin.className = "flipTail";
}
}
And with that, your coin flip simulator is ready.
Here’s a demo of the simulator:
Feel free to use the code above and improve it.
You’ve just learned how to create a coin flip simulator using plain JavaScript and HTML. To add a visual coin flip animation, you need to learn how to style and animate elements using CSS.
Thanks for reading and I hope you’ve learned something new from this tutorial 😉
Original article source at: https://sebhastian.com/