Build a Website

1. The main window should be a text editor. We can provide a few sample articles for users to choose from, but users can also cut and paste their own articles. 2. The second window should display the articles which I will later. 3. The third window should show a list of sample article titles. If a user select one sample article, the article is displayed in the text editor. 3. A user can use the mouse cursor to highlight the stress position of each sentence. The background color of the highlighted words should be light yellow. But user can undo and remove the highlights. 4. After the user press a Save buffer, each sentence and highlighted words should be recorded in a Google Spreadsheet: one sentence per row. Each row should have multiple columns. The first column is a sentence. After that, each column is the words in the stress position selected by user #1, then stress position words selected by user #2, etc. For example, suppose we have an article with 10 sentences. If we get 6 users to test this program, there should be 10 rows in the spreadsheet. Each row has 1 sentence column plus 6 "user selected stress position" column. 5. There should be a button "show multiple user selections". Once pressed, the web page should be able to highlight stress position words selected by multiple users. The more times a word is selected by users, the darker the background color should be. Therefore we can see the range of stress position selections of multiple sentences by multiple users. You need to figure out the following techniques in JavaScript: 1. How to detect text selection by mouse cursor 2. How to change background colors of texts. 3. How to communicate between a front end web page and a back end Google Spreadsheet.