I am currently developing a text-to-flashcard program using HTML, CSS, and JS. One feature I'm working on is the ability to flip all flashcards at once with a single button click. Currently, the program only allows flipping from the back face to the front:
Watch the video illustrating the issue
function flipAll() {
// code snippet to flip all cards
}
function storeValue() {
// code snippet to store values
}
body {
// CSS styling for body
}
textarea::-webkit-resizer {
// CSS styling for textarea
}
// More CSS styles...
.grid {
// Grid CSS styling
}
.card {
// CSS styling for flashcard
}
.card .card-inner {
// CSS styling for card-inner
}
// More CSS styles...
<body onload="storeValue()">
// HTML structure and elements
</body>
Access the code repository here: https://github.com/Subwaey/Notes2Cards