如何利用javascript做简单的算法

 更新时间:2021年11月15日 10:00:14   作者:刘欣  
这篇文章主要介绍了如何利用javascript做简单的算法,主要是以提问的形式犹如练习小例子然后解决问题并附代码说明,需要的朋友可以参考一下

1 问题

众所周知,无论是Pycharm或是IDLEjava都可以计算简单的算法,比如加减乘除。然而在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做简单的算法内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Project Reference优化TypeScript编译性能示例

    Project Reference优化TypeScript编译性能示例

    这篇文章主要为大家介绍了Project Reference优化TypeScript编译性能示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • 微信小程序 textarea 组件详解及简单实例

    微信小程序 textarea 组件详解及简单实例

    这篇文章主要介绍了微信小程序 textarea 组件详解及简单实例的相关资料,需要的朋友可以参考下
    2017-01-01
  • qiankun 找不到入口问题彻底解决

    qiankun 找不到入口问题彻底解决

    这篇文章主要为大家介绍了qiankun 找不到入口问题彻底解决,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • ESLint规范TypeScript代码使用方法

    ESLint规范TypeScript代码使用方法

    这篇文章主要为大家介绍了ESLint规范TypeScript代码使用方法,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-11-11
  • 鼠标划过时整行变色

    鼠标划过时整行变色

    鼠标划过时整行变色...
    2006-06-06
  • js实现兔年转圈圈动画示例

    js实现兔年转圈圈动画示例

    这篇文章主要为大家介绍了js实现兔年转圈圈动画示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-01-01
  • 微信小程序 wxapp导航 navigator详解

    微信小程序 wxapp导航 navigator详解

    这篇文章主要介绍了微信小程序 wxapp导航 navigator详解的相关资料,并附简单实例代码,需要的朋友可以参考下
    2016-10-10
  • 微信小程序 动态绑定事件并实现事件修改样式

    微信小程序 动态绑定事件并实现事件修改样式

    这篇文章主要介绍了微信小程序 动态绑定事件并实现事件修改样式的相关资料,需要的朋友可以参考下
    2017-04-04
  • JS 基本概念详细介绍

    JS 基本概念详细介绍

    这篇文章主要介绍JS 基本概念,对于初学者来说,Javascript 乍一看似乎很容易,因为它的类似于 C 的语法,但不管它的运行方式如何,对语言 (ESNext) 及其框架所做的不断变化可能会让初学者不知所措。下面我们就来看JS 初学者怎么入门吧
    2021-10-10
  • Google 地图控件集详解及实例代码

    Google 地图控件集详解及实例代码

    本文主要介绍Google 地图控件集,这里帮大家整理了关于Google地图控件集的基础知识,详细介绍了控件的功能,并附示例代码,有需要的小伙伴可以参考下
    2016-08-08

最新评论