Hi I am having trouble with the HTML and Javascript for the Find, Replace, Find and Replace
Fantastic news! We've Found the answer you've been seeking!
Question:
Hi I am having trouble with the HTML and Javascript for the Find, Replace, Find and Replace and the submission of the translation button. Is anybody able to assist?
Transcribed Image Text:
Build a html form with the following elements. The form must be within a table structure. • Name: a text box where the content contains no special character (i.e. !, @, #, $, %, &, *). Number is allowed. The text box must not be empty. Module code: a text box where the content must start with 3 lower case alphabets and follows by 4 digits. This textbox can be empty. Current date: a non-editable textbox and should be in the format as shown (e.g. 12 October 2020 Monday 3:35 PM). The content is the current date or today's date which will change every day. Message: a text area with 3 rows and 20 columns. The default text is "Hello 202204". The text area cannot be empty. Find: a text box for the user to key in text he/she wants to find. Replace: a text box for the user to key in the replacement text. If the find text is empty, this element should be disable (i.e. user cannot key in anything here). Find and Replace: This is a button, when click, it will go to the "Message" text area to find all the occurrence of the text shown in the "Find" text box and replaces all of them with the content shown in the "Replace" text box. After the replacement, a message showing the number of replacements must be displayed besides the button. Source language: a selection list with English, Malay, Japanese and Korean. Use English as the default. Target language: a radio button with English, Chinese, Malay, Japanese and Korean. Make Japanese as the default. Submit button: the button is called "Translate". When it is clicked, it should invoke the google translate https://translate.google.com to perform the translation of the content in the "Message" text area as described above. Reset button: this will reset the content of all the elements. You are free to design your own validation messages, but they must appear besides the corresponding html elements as shown in the lecture slide (i.e. no popup error message). There may be components or attributes which are not covered in the lecture. You need to do some research and discuss those new features you have learned and used in your report. Build a html form with the following elements. The form must be within a table structure. • Name: a text box where the content contains no special character (i.e. !, @, #, $, %, &, *). Number is allowed. The text box must not be empty. Module code: a text box where the content must start with 3 lower case alphabets and follows by 4 digits. This textbox can be empty. Current date: a non-editable textbox and should be in the format as shown (e.g. 12 October 2020 Monday 3:35 PM). The content is the current date or today's date which will change every day. Message: a text area with 3 rows and 20 columns. The default text is "Hello 202204". The text area cannot be empty. Find: a text box for the user to key in text he/she wants to find. Replace: a text box for the user to key in the replacement text. If the find text is empty, this element should be disable (i.e. user cannot key in anything here). Find and Replace: This is a button, when click, it will go to the "Message" text area to find all the occurrence of the text shown in the "Find" text box and replaces all of them with the content shown in the "Replace" text box. After the replacement, a message showing the number of replacements must be displayed besides the button. Source language: a selection list with English, Malay, Japanese and Korean. Use English as the default. Target language: a radio button with English, Chinese, Malay, Japanese and Korean. Make Japanese as the default. Submit button: the button is called "Translate". When it is clicked, it should invoke the google translate https://translate.google.com to perform the translation of the content in the "Message" text area as described above. Reset button: this will reset the content of all the elements. You are free to design your own validation messages, but they must appear besides the corresponding html elements as shown in the lecture slide (i.e. no popup error message). There may be components or attributes which are not covered in the lecture. You need to do some research and discuss those new features you have learned and used in your report.
Expert Answer:
Answer rating: 100% (QA)
To create the HTML form with the specified elements and functionality you can follow the structure below Ill include the necessary HTML and JavaScript code to achieve the Find Replace ... View the full answer
Related Book For
Posted Date:
Students also viewed these programming questions
-
Planning is one of the most important management functions in any business. A front office managers first step in planning should involve determine the departments goals. Planning also includes...
-
Let A, B be sets. Define: (a) the Cartesian product (A B) (b) the set of relations R between A and B (c) the identity relation A on the set A [3 marks] Suppose S, T are relations between A and B, and...
-
In which control account would you expect to find a provision for doubtful debts?
-
Angus Enterprises Ltd. reported cost of goods sold for 2017 of $2.5 million and retained earnings of $4.0 million at December 31, 2017. Angus later discovered that its ending inventories at December...
-
Which of the following polyethylene thin films would have the better mechanical characteristics: (1) formed by blowing, or (2) formed by extrusion and then rolled? Why?
-
On January 15, 2015, the U.S. Treasury issued a 10-year inflation-indexed note with a coupon of 0.25%. On the date of issue, the consumer price index (CPI) was 236.854. On January 15, 2022, the CPI...
-
Consider contemporary practices such as skill-competency-based plans, broad banding, market pricing, and pay-for-performance plans. Discuss how they may affect the pay discrimination debate.
-
In the year to 30 September 2022, an advertising agency declares in interim ordinary dividend of 7.4C per shares and a final ordinary dividend of 8.6C per share. assuming an ex-dividend share price...
-
A- Small electricity market has a demand varies between 300 and 600 MW with a required 200 MW minimum spinning reserve. The table shows the characteristics of the available four generating units. ~ 3...
-
a. Viola Inc. paid its most recent (2020) annual dividend of $2.5 per share. The firm's financial manager expects that these dividends will grow at a 4% annual rate over the next four years. If the...
-
Explain the internal controls that you may suggest to a client that you are auditing in order to minimize the risk of money laundering.
-
dy dx
-
For the beam loading shown in Figure A.1, complete the shear force and bending moment diagrams using visual integration method. (4 marks) 1.5 kN 1.2 kN 1.8 kN C D E A B -100- 100-125- 75 3.65kN 0.85kN
-
4. The following function is called in a privileged program. The argument str points to a string that is entirely provided by users (the size of the string is up to 300 bytes). When this function is...
-
Find the prices of coupon strips. Use these prices to plot the term structure. If the expectations theory is correct, what is the expected one-year interest rate three years hence? Find a three- or...
-
The packaging division of a company having considered several alternative package designs for the company's new product has finally brought down their choices to two designs of which only one has to...
-
a. Write a JavaFX application that displays a Label containing the opening sentence or two from your favorite book. Save the project as FXBookQuote1a. b. Add a button to the frame in the FXBookQuote...
-
When you pass an array element to a method, the method receives ____________. a. A copy of the array b. The address of the array c. A copy of the value in the element d. The address of the element
-
A path that needs no additional information to locate a file is ____________. A. A constant path B. A relative path C. A final path D. An absolute path
-
Which county region has the largest percentage of respondents?
-
(a) Which of the 10 groups has the highest credit card debt and what is the amount? (b) Which of the groups has the least amount of credit card debt? (c) Can you identify any pattern between married...
-
(a) Which college has the greatest difference in starting salaries? (b) Which college has the highest starting salary for females? (c) Which college has the highest starting salary for males? (d)...
Study smarter with the SolutionInn App