如何利用javascript做简单的算法

目录
  • 1 问题
  • 2 方法
  • 3 实验结果与讨论

1 问题

众所周知，无论是Pycharm或是IDLE、java都可以计算简单的算法，比如加减乘除。然而在Hbuilder中，javascript也可以用来计算数值的加减乘除。

比如，我们计算：假设 y=5，计算 x=y+2，并显示结果。

2 方法

首先利用<p></p>标签写算法题题目。然后利用<button></button>标签创造一个事件，其中标签里面onclick后面的命名一定要加()。再然后写一个<p id=></p>给p标签加id，用来显示答案，而且后面的命令是靠id来识别的。最后在<script></script>里面创建变量，用var 创建变量。

3 实验结果与讨论

通过实验、实践等证明提出的方法是有效的，是能够解决开头提出的问题。

<! DOCTYPE html>

< html >

< head >

< meta charset = "UTF-8" >

< title ></ title >

</ head >

< body >

< p >假设 y=5，计算 x=y+2，并显示结果。</ p >

< button onclick = " showAnswer () " >点这里</ button >

< p id = "demo2" ></ p >

< script type = "text/javascript" >

var y = 5 ;

var x = y + 2 ;

function showAnswer (){

document .getElementById( "demo2" ).innerHTML = "x=" + x

}

</ script >

</ body >

</ html
>

结语：

我们还需要注意，在命令getElementById(),括号里面加前面id的名字时，一定要加引号，不然无法识别这是一个id。

到此这篇关于如何利用javascript做简单的算法的文章就介绍到这了,更多相关javascript做简单的算法内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • JavaScript实现的七种排序算法总结（推荐！）

    目录 前言 冒泡排序 基础算法 第二种写法是在基础算法的基础上改良而来的: 选择排序 基础算法 二元选择排序-优化 插入排序 交换法插入排序 移动法 希尔排序 堆排序 快速排序 归并排序 总结 前言 所谓排序算法,即通过特定的算法因式将一组或多组数据按照既定模式进行重新排序.这种新序列遵循着一定的规则,体现出一定的规律,因此,经处理后的数据便于筛选和计算,大大提高了计算效率.对于排序,我们首先要求其具有一定的稳定性,即当两个相同的元素同时出现于某个序列之中,则经过一定的排序算法之后,两者在排序前

  • js实现指定红包顺序和金额算法

    js实现指定红包顺序和金额算法

    本文实例为大家分享了js实现指定红包顺序和金额的具体代码,供大家参考,具体内容如下 前言 朋友拜托而写 单个包最小金额为0.01 如果除指定金额外,其余都为0.01,最后尾包存在为0的几率 本算法通过了1000000次测试,出错率为百万分之3 效果展示 空包问题 红包算法 /* param: float, int, int, float param1:红包金额总额 param2:红包数目 param3:指定特殊红包 param4:指定特殊红包金额 */ let getPrize = functi

  • 浅谈JavaScript构造树形结构的一种高效算法

    浅谈JavaScript构造树形结构的一种高效算法

    引言 我们经常会碰到树形数据结构,比如组织层级.省市县或者动植物分类等等数据.下面是一个树形结构的例子: 在实际应用中,比较常见的做法是将这些信息存储为下面的结构,特别是当存在1对多的父/子节点关系时: const data = [ { id: 56, parentId: 62 }, { id: 81, parentId: 80 }, { id: 74, parentId: null }, { id: 76, parentId: 80 }, { id: 63, parentId: 62 }, {

  • 如何用JavaScript学习算法复杂度

    如何用JavaScript学习算法复杂度

    概述 在本文中,我们将探讨 "二次方" 和 "n log(n)" 等术语在算法中的含义. 在后面的例子中,我将引用这两个数组,一个包含 5 个元素,另一个包含 50 个元素.我还会用到JavaScript中方便的performance API来衡量执行时间的差异. const smArr = [5, 3, 2, 35, 2]; const bigArr = [5, 3, 2, 35, 2, 5, 3, 2, 35, 2, 5, 3, 2, 35, 2, 5, 3,

  • 面向JavaScript入门初学者的二叉搜索树算法教程

    面向JavaScript入门初学者的二叉搜索树算法教程

    目录 什么是二叉搜索树 (BST)? 二叉树基本遍历(中序.后序.前序) 中序遍历 后序遍历 前序遍历 什么是有效的二叉搜索树? 如何找到二叉树最大深度 如何找到两个树节点之间的最小公共祖先

  • 利用JS实现二叉树遍历算法实例代码

    利用JS实现二叉树遍历算法实例代码

    目录 前言 一.二叉树 1.1.遍历二叉树 1.2.用js表示二叉树 1.3.前序遍历算法 1.4.中序遍历算法 1.5.后序遍历算法 1.6.按层遍历算法 二.算法题 1.1.二叉树的最大深度 1.2.二叉树的所有路径 总结 前言 在计算机科学中, 树(tree) 是一种广泛使用的抽象数据类型(ADT),是一类非线性数据结构.树在计算机领域得到广泛应用,尤其二叉树最为常用. 树的相关概念: 结点:每个元素称为结点 树根:根节点 度:一个结点含有的子结点的个数称为该结点的度 叶子节点:度为0的节

  • JavaScript编程通过Matlab质心算法定位学习

    JavaScript编程通过Matlab质心算法定位学习

    目录 Matlab质心算法 Matlab作为封闭的商业软件,受美国政府左右,无视商业道德,故不建议使用.如果喜欢Matlab语法,可移步开源的octave,其语法与matlab完全相同. Matlab质心算法 所谓质心,就是当密度作为像素点灰度值时的重心,例如其质心的x坐标为 最直观的方法就是下面的这种方式了. %%通过质心算法找到img的质心位置 function [x,y] = oCenter(img) img = double(img); [m,n] = size(img); x = 0;

  • 如何利用JavaScript实现排序算法浅析

    如何利用JavaScript实现排序算法浅析

    目录 冒泡排序 选择排序 插入排序 总结 冒泡排序 冒泡排序就是重复从序列右边开始比较相邻两个数字的大小,再根据结果交换两个数字的位置. JavaScript代码实现: 代码简介:声明一个数组变量,通过while给数组变量赋值,当输入"#"时停止输入,然后遍历相邻的两个数,让相邻的两个数升序排列,遍历n-1次实现排序; var a = Array(); flag=true; var i = 0; var j = 0; var temp = 0; while(flag){ var b =

  • 如何利用javascript做简单的算法

    如何利用javascript做简单的算法

    目录 1 问题 2 方法 3 实验结果与讨论 1 问题 众所周知,无论是Pycharm或是IDLE.java都可以计算简单的算法,比如加减乘除.然而在Hbuilder中,javascript也可以用来计算数值的加减乘除. 比如,我们计算:假设 y=5,计算 x=y+2,并显示结果. 2 方法 首先利用<p></p>标签写算法题题目.然后利用<button></button>标签创造一个事件,其中标签里面onclick后面的命名一定要加().再然后写一个<

  • 利用JavaScript做数独的完整实现过程

    利用JavaScript做数独的完整实现过程

    目录 前言 怎么解数独 填第一个格子 填第二个格子 填第三个格子 填第九个格子 综上所述 通过代码来实现 动态展示做题过程 九宫格样式 做题逻辑 总结 前言 最近看到老婆天天在手机上玩数独,突然想起 N 年前刷 LeetCode 的时候,有个类似的算法题(37.解数独),是不是可以把这个算法进行可视化. 说干就干,经过一个小时的实践,最终效果如下: 怎么解数独 解数独之前,我们先了解一下数独的规则: 数字 1-9 在每一行只能出现一次. 数字 1-9 在每一列只能出现一次. 数字 1-9 在每一

  • 利用JavaScript实现简单的网页时钟

    利用JavaScript实现简单的网页时钟

    目录 一.效果展示 二.使用的技术 三.日期对象 1.指定时间 2.获取目前时间 三.源代码 前言: 今天带大家使用JavaScript定制一款网页时钟 一.效果展示 二.使用的技术 主要使用了js的日期对象,实现的时候先创建一个日期对象,并进行网页布局,对时间获取之后将时间填入对应的标签内.然后使用多线程实现时钟的变动. 三.日期对象 1.指定时间 代码如下: <script>       //创建日期对象        d=new Date();        //设置年月日       

  • 利用Javascript实现简单的转盘抽奖

    利用Javascript实现简单的转盘抽奖

    首先来看看接口说明:  var _rotate = new iRotate('#div',{ start : 0, //开始角度,可不写,默认0 end :45, //结束角度 time :5000, //持续时间,可不写,默认1000 easing : 'easeOut', //动画形式,目前只有'linear'和'easeOut'两种,可不写,默认'easeOut' callback : function(){ //回调函数 //this为当前对象 } }); _rotate.stop(fu

  • 利用JavaScript在网页实现八数码启发式A*算法动画效果

    利用JavaScript在网页实现八数码启发式A*算法动画效果

    最近人工智能课老师布置了一个八数码实验,网上看到很多八数码的启发式A*算法,但是大多数都是利用C或者C++在控制台实现的,于是我用js在网页中做了一个类似的. 首先八数码就是一个九宫格,其中有一个空格,其他八个对应数字1-8, 移动空格,使得最后状态为有序,如下图 启发式算法是指在求解时,利用启发函数将不符合规则的解节点去掉,从而缩小问题的解空间. A*算法是利用评价函数的启发式算法,在本例中,利用当前节点状态与最终节点状态所不同的格子数来评估节点的优劣,将优越节点储存并在之后展开,将劣质节点抛

  • 使用javascript做在线算法编程

    基于node的readline一样可以使用标准流的输入输出 对于大学生在刚开始学习c ,c++, java的时候,写着hello word的代码,然后在命令框中输入输出: 基于很多算法的学习,在我短浅的认识中,身边的同学都是使用 c, c++,甚至是java去写: 很多算法题目中的输入描述和输出描述 例如牛客网上的算法题: 类似于这种的东西,在杭州acm的算法题目也是. 诀窍------使用nodejs内置封装好的readline模块:[kbd][/kbd] 1.readline 模块 [逐行读

  • 利用Pytorch实现简单的线性回归算法

    最近听了张江老师的深度学习课程,用Pytorch实现神经网络预测,之前做Titanic生存率预测的时候稍微了解过Tensorflow,听说Tensorflow能做的Pyorch都可以做,而且更方便快捷,自己尝试了一下代码的逻辑确实比较简单. Pytorch涉及的基本数据类型是tensor(张量)和Autograd(自动微分变量),对于这些概念我也是一知半解,tensor和向量,矩阵等概念都有交叉的部分,下次有时间好好补一下数学的基础知识,不过现阶段的任务主要是应用,学习掌握思维和方法即可,就不再

  • 利用JavaScript写一个简单计算器

    利用JavaScript写一个简单计算器

    效果如下: 参考程序: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=d

  • go后端利用ffmpeg转hls做简单视频直播

    go后端利用ffmpeg转hls做简单视频直播

    目录 1. 前言 2. wsl安装ffmpeg并转换rtsp为hls 3. 前后端示例代码 3.1 后端go代码 3.2 前端代码 4. 结果及评估 1. 前言 上一次我们找到一些开源方案,目前我们先测试一下ffmpeg转hls播放的方式,看下延迟情况及兼容性情况,主要测试Windows.Linux和macOS中使用谷歌浏览器播放的情况.后端结合我们之前的cgo部分,建立一个简单的http服务器,然后提供给前端调用. 2. wsl安装ffmpeg并转换rtsp为hls sudo apt-get

  • JavaScript实现算术平方根算法-代码超简单

    前几天看见了一个来自雷神之槌的平方根源码,原理多方有介绍,不赘述. 源码是c语言写的,我思考后发现这样的算法在javascript中也是可以完成的. function InvSqrt(x){ var h=0.5*x; var b=new ArrayBuffer(4); var d=new DataView(b,0); d.setFloat32(0,x); var i=d.getInt32(0); i=0x5f375a86-(i>>1); d.setInt32(0,i); var r=d.get

随机推荐