不难做。
成都创新互联专业为企业提供东方网站建设、东方做网站、东方网站设计、东方网站制作等企业网站建设、网页设计与制作、东方企业网站模板建站服务，10年东方做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。
不过业务逻辑有点乱
底下几张图注明顺序比较好
Python
Python是对于第一次编程的人来说最为流行的编程语言之一，因为它是一门通用性的语言。这意味着它能应用在广泛的编程任务上，几乎没有你不能用Python完成的工作，这一点使很多新手能在实际中应用到这门编程语言;另外，Python有两个非常重要的特征，使其对于新手而言非常友好。语法清晰，类似于英文的语法，和强调代码的可读性。
Python尽可能地使用英语，不像其他编程语言那样经常使用标点符号或者特殊的字符。所以，Python阅读起来更自然、更像人类语言;这一点，可以让我们聚焦于编程问题，而不是花费更多的时间纠结语言自身的特性上。
JavaScript
JavaScript是网站建设的首选语言，作为新手语言，它具备以下几点优势：
无需安装任何东西，你可以打开文本编辑器，然后开始输入JavaScript，代码将在你的浏览器中运行。最顶尖的浏览器内置了JavaScript引擎，所以你的代码将可以运行在几乎所有的电脑和很好的移动设备上;它能马上在浏览器中运行代码为编程人员提供一个非常快的反馈，这对于新手来说是很好的。
开始JavaScript是作为前端语言的，不过一个名为Node.js的环境能让你编写运行在浏览器或者服务器上的代码。现在JavaScript能当作前端和后端语言使用，因此增加了它的使用人数。JavaScript也有大量提供除核心功能外的额外功能包，这使得它能当作一门通用语言来使用。
JavaScript选择器介绍：
1、document.querySelector()
querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素，请使用 querySelectorAll() 方法替代
（1）获取文档中 id=“demo” 的元素：
document.querySelector("#demo");
（2）获取文档中第一个p的元素
document.querySelector(“p”);
（3）获取文档中 class=“example” 的第一个元素
document.querySelector(".example");
（4）获取文档中 class=“example” 的第一个 p 元素:
document.querySelector(“p.example”);
（5）获取文档中有 “target” 属性的第一个 a 元素：
document.querySelector(“a[target]”);
（6）多选择器时
document.querySelectorAll(’.ynqc’)
2、document.getElementById
这个方法将返回一个与之对应id属性的节点对象，它是document对象特有的函数，只能通过其来调用该方法，使用方法下:document.getElementById(‘idName’);
3、getElementsByTagName
这个方法返回一个对象数组（准确的说是HTMLCollection集合）,返回元素的顺序是它们在文档中的顺序,传递给 getElementsByTagName() 方法的字符串可以不区分大小写,使用方法如下:document.getElementsByTagName(tagName);
4、getElementsByClassName
这个方法来获取指定class名的元素,该方法返回文档中所有指定类名的元素集合，作为 NodeList 对象。NodeList 对象代表一个有顺序的节点列表。NodeList 对象 我们可通过节点列表中的节点索引号来访问列表中的节点(索引号由0开始), 所以有时使用时要指定下标，使用方法如下:document.getElementsByClassName(‘className’);
5、选择器的优缺点
（1）querySelector是按css规范来实现的，所以它传入的字符串中第一个字符不能是数字.
（2）querySelector() 方法返回匹配指定 CSS 选择器元素的第一个子元素 。 该方法只返回匹配指定选择器的第一个元素。如果要返回所有匹配元素，需要使用 querySelectorAll() 方法替代．
（3）query选择符选出来的元素及元素数组是静态的，而getElement这种方法选出的元素是动态的。静态的就是说选出的所有元素的数组，不会随着文档操作而改变．
JS选择器常用的有getElementById()、getElementsByName()、getElementsByTagName()、getElementsByClassName()、querySelector()、querySelectorAll()
基本选择器有ID选择器、类选择器、标签选择器、通用选择器，事件的添加方法如下：
$(...).事件名(function() { });
属性样式有：
$(...).css("border","1px solid red")
$(...).css({...})
$(...).css("border")
$(...).attr(属性名,值)
$(...).html() innerHTML
$(...).text() innerText
$(...).val() value值
$(...).addClass() 增加
$(...).removeClass() 移除
$(...).toggleClass() 开关
如何在JavaScript数组中选择最后一个元素，一般这种情况都是在循环中判断循环体的最后一个元素，那么直接上代码：
var arr = ['d','o','n','g','s','i','r'];
for (var i = 0; i arr.length; i++) {
if (i == arr.length-1) {
console.log(arr[i]);break;
}
}
结果输出数组最后一个元素 r
JavaScript 获取数组的最后一个元素多种方法
js获取数组的最后一个元素
Python和Javascript都是脚本语言，所以它们有很多共同的特性，都需要解释器来执行，都是动态类型，都支持自动内存管理，都可以调用eval()来执行脚本等脚本语言所共有的特性。
当然，它们之间也有很大的区别，JavaScript这设计之初是一种客户端的脚本语言，主要应用于浏览器，它的语法主要借鉴了C，而Python由于其优雅、明确、简单的设计而广受欢迎，被应用于教育、科技计算、Web开发等不同场景。
Python和JavaScript都支持多种不同的编程范式，在面向对象的编程上面，它们有着很大的区别。
JavaScript的面向对象是基于原型的，对象的继承是由原型创建出来的，由原型对象创建出来的对象继承了原型链上的方法;而Python则是中规中矩的基于类的继承，并天然的支持多态。
