html中js对数字计算,js基础，猜数字，算平方

【实例简介】

【实例截图】

【核心代码】

Insert title here

//加载页面时，生成随机整数

//Math.radom()这是生成[0,1)的随机数，Math.radom()*100，则生成[0,100)

var num = parseInt(Math.random()*100);//parseInt(),函数生成整数

alert(num);

function guess(){

alert("我进来了");

//获取用户输入的元素

var input1 = document.getElementById("put1");//getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。

//通过获取到的输入框来获取用户输入的值

var num2=input1.value;

var sp = document.getElementById("sp1");

//对num2进行判断，判断一个值是不是数字isNaN()

//如果isNaN()返回的值是false表示被判断的这个值是数字，若返回值为true则表示返回值不是数

if(isNaN(num2)){

//提示用户输入数字

sp.innerHTML="请输入一个整数";//给sp赋值

/*

innerHTML 属性用于设置或返回指定标签之间的 HTML 内容。

语法

Object.innerHTML = "HTML";// 设置

var html = Object.innerHTML;// 获取

*/

}

else{

//如果程序执行到这里，这里表示num2是数字

//开始比较

if(num

sp.innerHTML="猜大了，请继续...";//给sp赋值

}else if(num>num2){

sp.innerHTML="猜小了，请继续...";//给sp赋值

}

else{

sp.innerHTML="恭喜你，猜对了";//给sp赋值

}

}

}

function pingfang(){

var input2 = document.getElementById("put2").value;

//通过获取到的输入框来获取用户输入的值

var sp = document.getElementById("sp2");

//获取span标签(元素)

if(isNaN(input2)){//对input2进行判断是不是数

//提示用户输入数字

sp.innerHTML="请输入一个整数";//给sp赋值

}

else{

//如果程序执行到这里，这里表示num3是数字

//开始计算

sp.innerHTML = input2*input2;//除了加之外，其他都是即将字符串转化成数字类型

}

}

请输入

显示结果:

请输入

显示结果: