diff options
| -rw-r--r-- | card.html | 17 | ||||
| -rw-r--r-- | reviewer.html | 4 |
2 files changed, 12 insertions, 9 deletions
@@ -1,24 +1,23 @@ <style> -form[name=card] > p { visibility: hidden } -form[name=card].answering > p, form[name=card].answered > p { visibility: initial } -form[name=card].answering > p:nth-of-type(4) { visibility: hidden } -form[name=card].answered > p:nth-of-type(1) { visibility: hidden } +form[name=card] button[name=buzz] { display: none } +form[name=card].answering button[name=buzz] { display: initial } +form[name=card] input { display: none } +form[name=card].answered input { display: initial } </style> <form name=card onsubmit="return false"> <p> <button name=buzz>Answer</button> -<p> -<output name=question></output> -<p> -<output name=answer></output> -<p> <input type=submit name=0 value="Totally blanked"> <input type=submit name=1 value="Vaguely remembered"> <input type=submit name=2 value="Should have remembered"> <input type=submit name=3 value="Remembered, but was hard"> <input type=submit name=4 value="Remembered, but hesitated"> <input type=submit name=5 value="Remembered perfectly"> +<p> +<output name=question></output> +<p> +<output name=answer></output> </form> <script> diff --git a/reviewer.html b/reviewer.html index 8f8be17..7405c65 100644 --- a/reviewer.html +++ b/reviewer.html @@ -64,6 +64,10 @@ async function review$(deck, nc) { } </script> +<style> +form[name=card]:is(.answering, .answered) + form[name=grader] { visibility: hidden } +</style> + <form name=grader onsubmit="review$($deck, this.nc.value); this.nc.value = 0; return false"> <p> <label>Add <input type=number min=-1 name=nc> cards</label> |