From 357f0b06f38a612555a06e65e41d48d5d6e57b8c Mon Sep 17 00:00:00 2001 From: Luke Else Date: Fri, 22 Apr 2022 22:39:25 +0100 Subject: [PATCH] Allow card to flip both ways --- flip.js | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) diff --git a/flip.js b/flip.js index 7a7e5d9..9e16ee1 100644 --- a/flip.js +++ b/flip.js @@ -1,4 +1,14 @@ +var flipped = false; + function flipCard() { - document.getElementById('card-front').style.transform = 'rotateX(-180deg)'; - document.getElementById('card-back').style.transform = 'rotateX(0deg)'; + + if (!flipped) { + document.getElementById('card-front').style.transform = 'rotateX(-180deg)'; + document.getElementById('card-back').style.transform = 'rotateX(0deg)'; + flipped = true; + }else{ + document.getElementById('card-front').style.transform = 'rotateX(0deg)'; + document.getElementById('card-back').style.transform = 'rotateX(-180deg)'; + flipped = false; + } } \ No newline at end of file