Task 19: Basic JavaScript exercises (ii)

Task 19: Basic JavaScript exercises (ii)

For the crowd:

JavaScript Beginner

Difficulty:

Simple

Important Notes

Baidu Front-end Technical College's curriculum task is the front-end engineers of Baidu for the front-end different mastery of the level of students design. We try to ensure the quality of the course content and the rationality of learning difficulty, but even so, it is your every thought and practice to really decide the effect of the course.

The solution for most topics in the course is not unique, and it is consistent with what we do in the actual work. Therefore, our request is not only to achieve the effect of the design draft, but also to think more about different solutions, evaluate the pros and cons of different scenarios, and then use the most elegant way in this scenario to achieve. The solutions that are ultimately not adopted by us can also help us to learn a lot of knowledge. Therefore, the resources we have listed are not necessarily necessary to meet the needs. Sometimes, the requirements of the implementation of the topic is very simple, even in reference, but behind the thinking and practice is the most important part of the task. When studying these materials, we should think more, ask questions and question more. Believe that through the exchanges with the small partners, you can make your study more effective.

Mission Purpose

• Learn and Practice JavaScript's basic syntax and language characteristics
• Practice using JavaScript to implement a simple sorting algorithm

Task description

• Task-based 18
• Limit the number of inputs to 10-100
• The number of queue elements is limited to 60, and when more than 60 are added, alert is prompted when adding elements
• The way the queue is displayed changes, directly with the height of the number size
• Implement a simple sorting function, such as bubble sort (without limiting the specific algorithm), expressed in a visual way, see reference below

Task considerations

• While implementing simple functionality, learn about JavaScript basic syntax, events, and DOM knowledge
• Please note that the code style is neat and elegant
• The code contains the necessary comments
• Example diagram is for reference only and does not need to be fully consistent
• The concrete algorithm and the visual form do not have the special restriction, only request can show the algorithm the process
• We recommend that you do not use any third-party libraries, frameworks

Task Collaboration recommendations

• Team focused discussion, clear the topic requirements, ensure that the team each to the subject of cognitive consensus
• Practice of accomplishing tasks individually
• Cross-review other people's code, suggesting that everyone see at least one team member's code
• Discuss each other and finally synthesize a copy of the best code within the group to submit

Online learning Resources

• JavaScript Introductory article
• MDN JavaScript
Http://v.youku.com/v_show/id_XNTM1NTQxMDMy.html http://v.youku.com/v_show/id_XNjIwNTEzMTA0.html?from= y1.2-1-176.3.3-2.1-1-1-2-0

Task 19: Basic JavaScript exercises (ii)