Code JavaScript functions that load data and text from JSON files
Budget: £20 – £250 GBP
OBJECTIVE
The objective of this micro project is to code a JavaScript function or functions that load data from a JSON file, enable the user to select specific data from that file and then to load text from another json file, based on what choices the user has made.
PROCESS
This function or functions are to be coded in pure Javascript, so no React, Typescript, Angular or any other frameworks or libraries.
Load 100 data items from JSON and randomise the order each time the user uses it. Each data item consists of three terms, which are a word and two corresponding numbers.
Display the words from the data in a checkbox grid of 100 checkboxes.
The user can then choose 12 words from the 100 displayed by checking the 12 words and checkboxes of their choice.
The user will be able to see how many words they have chosen and how many they have left to choose.
The 12 words that have been chosen are then pushed to a new array along with the two corresponding numbers for each word.
The user can then drag and drop these 12 words into their preferred order of significance, with the word at the top of the list being more significant and deeply significant words being the 12th word at the bottom of the rank of twelve words.
The corresponding number for each word from the original JSON file and its numerical position in the ranking of the twelve words are then used to select text data from another JSON file and display that on-screen for the user.
This entire sequence will run in a ready-made HTML single page template using Bootstrap for styling, with each stage of the process being displayed or hidden as appropriate.
RESULT
This micro project will be considered to be successful when a user can be presented with a checkbox grid of a hundred words, be able to choose twelve words from the one hundred words by checking the appropriate checkboxes, being able to rank the twelve words in order of significance to them and then being presented with the corresponding text from the second JSON data file.
The objective of this micro project is to code a JavaScript function or functions that load data from a JSON file, enable the user to select specific data from that file and then to load text from another json file, based on what choices the user has made.
PROCESS
This function or functions are to be coded in pure Javascript, so no React, Typescript, Angular or any other frameworks or libraries.
Load 100 data items from JSON and randomise the order each time the user uses it. Each data item consists of three terms, which are a word and two corresponding numbers.
Display the words from the data in a checkbox grid of 100 checkboxes.
The user can then choose 12 words from the 100 displayed by checking the 12 words and checkboxes of their choice.
The user will be able to see how many words they have chosen and how many they have left to choose.
The 12 words that have been chosen are then pushed to a new array along with the two corresponding numbers for each word.
The user can then drag and drop these 12 words into their preferred order of significance, with the word at the top of the list being more significant and deeply significant words being the 12th word at the bottom of the rank of twelve words.
The corresponding number for each word from the original JSON file and its numerical position in the ranking of the twelve words are then used to select text data from another JSON file and display that on-screen for the user.
This entire sequence will run in a ready-made HTML single page template using Bootstrap for styling, with each stage of the process being displayed or hidden as appropriate.
RESULT
This micro project will be considered to be successful when a user can be presented with a checkbox grid of a hundred words, be able to choose twelve words from the one hundred words by checking the appropriate checkboxes, being able to rank the twelve words in order of significance to them and then being presented with the corresponding text from the second JSON data file.