Any assistance is deeply appreciated. I am currently developing a web interface for a grading system focused on SAT prep. The server is returning tests in the form of JSON objects, containing details such as test names, sections, and questions per section.
For instance, a segment of the JSON data for a specific test may appear as follows:
{"Section 1":[{"subject":"Writing","experimental":"0","manual_assign":"1","columns":"1","number":null,"difficulty":null,"answer":null}],"Section 2":[{"subject":"Critical Reading","experimental":"0","manual_assign":"0","columns":"4","number":"1","difficulty":"Easy","answer":"B"},...
My objective is to construct an HTML form based on this JSON object, with questions within each section displayed as vertically aligned inputs. The desired outcome should resemble the image provided:
I'm unsure about the most efficient approach to achieve this. Specifically, how can I generate columns of vertically ordered inputs like those shown in the image, taking into account that the number of questions may vary per section depending on the test being evaluated. Any guidance would be immensely valuable!