JavaScript实现MIPS乘法模拟的方法
本文实例讲述了JavaScript实现MIPS乘法模拟的方法。分享给大家供大家参考。具体如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>MIPS MULTIPLICATION SIMULATOR </title>
<script type="text/javascript">
/* CREATED BY SERKAN SENDUR */
function StringToNumberArray(Bin) {
var numberArray = [];
for (var i = 0; i < Bin.length; i++) {
numberArray.push(Bin.substring(i, i + 1));
}
return numberArray;
}
function ConvertToDecimal(Bin) {
var decimalNumber = 0;
var numberArray = StringToNumberArray(Bin);
numberArray.reverse();
for (var i = 0; i < numberArray.length; i++) {
decimalNumber += numberArray[i] * Math.pow(2, i);
}
return decimalNumber;
}
function ConvertToBinary(dec) {
var bits = [];
var dividend = dec;
var remainder = 0;
while (dividend >= 2) {
remainder = dividend % 2;
bits.push(remainder);
dividend = (dividend - remainder) / 2;
}
bits.push(dividend);
bits.reverse();
return bits.join("");
}
function Multiply() {
var firstNumber = document.getElementById("txtFirst").value;
var secondNumber = document.getElementById("txtSecond").value;
var multiplier = ConvertToBinary(firstNumber);
var multiplicant = ConvertToBinary(secondNumber);
var product = 0;
var step = "Initial values";
var iteration = 0;
AppendToTable(iteration, step, multiplier, multiplicant, product);
multiplicationAlgoritm(multiplier, multiplicant, product, 4);
}
function multiplicationAlgoritm(multiplier, multiplicant, product, counter) {
if (counter > 0) {
var iteration = 5 - counter;
var decProduct = ConvertToDecimal(product);
var decMultiplier = ConvertToDecimal(multiplier);
var decMultiplicant = ConvertToDecimal(multiplicant);
if (Right(multiplier, 1) == "1") {
decProduct = decProduct + decMultiplicant;
product = ConvertToBinary(decProduct);
AppendToTable(iteration, "1a", multiplier, multiplicant, product);
}
else {
AppendToTable(iteration, 1, multiplier, multiplicant, product);
}
decMultiplicant = ConvertToDecimal(multiplicant);
decMultiplicant = decMultiplicant << 1;
multiplicant = ConvertToBinary(decMultiplicant);
AppendToTable(iteration, 2, multiplier, multiplicant, product);
decMultiplier = ConvertToDecimal(multiplier);
decMultiplier = decMultiplier >> 1;
multiplier = ConvertToBinary(decMultiplier);
AppendToTable(iteration, 3, multiplier, multiplicant, product);
counter--;
multiplicationAlgoritm(multiplier, multiplicant, product, counter);
}
}
function AppendToTable(iteration, step, multiplier, multiplicant, product) {
var row = document.getElementById("tblResults").insertRow();
var cell = row.insertCell();
cell.innerText = iteration;
var cell = row.insertCell();
cell.innerText = step;
var cell = row.insertCell();
cell.innerText = multiplier;
var cell = row.insertCell();
cell.innerText = multiplicant;
var cell = row.insertCell();
cell.innerText = product;
}
function ResetTable() {
for (var i = document.getElementById("tblResults").rows.length; i > 1; i--) {
document.getElementById("tblResults").deleteRow(i - 1);
}
}
function Right(str, n) {
if (n <= 0)
return "";
else if (n > String(str).length)
return str;
else {
var iLen = String(str).length;
return String(str).substring(iLen, iLen - n);
}
}
</script>
<style type="text/css">
.style1
{
border-collapse: collapse;
border-style: solid;
border-width: 1px;
}
.style2
{
width: 6px;
}
.style4
{
color: #3366FF;
}
.style5
{
color: #0066FF;
}
</style>
</head>
<body>
<br />
<h3 class="style4">
WELCOME TO MIPS MULTIPLICATION SIMULATOR</h3>
<hr style="color: #0033CC" />
<table>
<tr>
<td class="style5">
Multiplier :
</td>
<td>
<input id="txtFirst" type="text" />
</td>
</tr>
<tr>
<td class="style5">
Multiplicant :
</td>
<td>
<input id="txtSecond" type="text" />
</td>
</tr>
<tr>
<td align="center" colspan="2">
<input id="btnMultiply" type="button" value="Multiply"
onclick="ResetTable();Multiply();"
style="color: #3399FF" />
</td>
</tr>
</table>
<table class="style1" cellpadding="2" cellspacing="2"
id="tblResults">
<tr style="color: White">
<td bgcolor="#3366FF">
Iteration
</td>
<td bgcolor="#3366FF">
Step
</td>
<td bgcolor="#3366FF">
Multiplier
</td>
<td bgcolor="#3366FF" class="style2">
Multiplicant
</td>
<td bgcolor="#3366FF">
Product
</td>
</tr>
</table>
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。
相关推荐
-
JavaScript 字符串乘法
原文地址:http://www.davidflanagan.com/2009/08/string-multipli.html原作者:David Flanagan在Ruby中,"*"操作符用一个字符串作为左边参数,一个数字作为右边参数,来实现字符串重复.例如,"Ruby" * 2 的值为 "RubyRuby".这仅在少数地方有用(例如,生成一张由连字符等ASCII 码字符构成的表格),但是非常简洁.而且好过写一个循环来连接n次字符串--这样显得很没
-
javascript(js)的小数点乘法除法问题详解
一.用js计算12.32 * 7 结果是多少?答案:86.24000000000001 为什么会出现这种问题?怎么解决?js在处理小数的乘除法的时候有一个bug,解决的方法可以是:将小数变为整数来处理.以上的计算可以改为:12.32 * 100 * 7 /100得出的结果是:86.24,正确. 另外再计算一下:8.80 * 100 * 12 / 100结果:105.6000000000000238.80也会出现类似的问题. 精确度增加10倍:8.80 * 1000 * 12 / 1000结果:
-
JS实现上下左右对称的九九乘法表
九九乘法表使用很多种语言都可以实现.本文讲述JavaScript中常用的两种循环(For.While)来完成这四种对称的九九乘法表,这个例子是一个练习循环基础很好的方法,由于排版上对不整齐,因此循环了一个表格. 一.左下角为度的梯形乘法表: For循环代码 document.write("<table width='' border='>"); for(var i=; i<=; i++){ document.write("<tr>");
-
基于javascript实现九九乘法表
本文实例为大家分享了javascript实现九九乘法表的相关代码,具体内容如下 <script type="text/javascript"> var sum=0; var wite; for (var i = 1; i < 10; i++){ var div=$('<div class="class'+i+'"></div>'); $("body").append(div); for(var j = i
-
JavaScript实现梯形乘法表的方法
本文实例讲述了JavaScript实现梯形乘法表的方法.分享给大家供大家参考.具体如下: 效果如下图所示: 表格用html中的table,tr,td,然后利用for语句实现,循环输出行和列,再根据行列的数量进行乘法运算,第一个for循环输出9行,然后内嵌一个for,在条件表达式中取第一个for循环的值然后进行输出表格运算,为什么要取第一个for循环,因为第一个for循环的次数是梯形排列的规则,梯形排列的规则是第一行一个格子,第二行二个格子,第三行三个格子,以此类推. 完整代码如下: <!DOCT
-
jsp/javascript打印九九乘法表代码
jsp表达式方式: 复制代码 代码如下: <center> <table border="1"> <% for (int i = 1; i <= 9; i++) { %> <tr> <% for (int j = 1; j <= 9; j++) { %> <td> <% if (j <= i) { %> <%=i%>*<%=i%>=<%=i * j%>
-
JavaScript实现99乘法表及隔行变色实例代码
项目需求:实现在页面中输出99乘法表.(要求:以每三行为一组,实现隔行变色(颜色为白,红,黄(也可自己定义)),鼠标滑过每一行,行背景颜色变为蓝色,鼠标离开又恢复原来的颜色),隔行变色的效果需要用if和switch两种判断方式都能实现: 额,分析一下实例要求:一个99乘法表,一个多方法的隔行变色,鼠标滑过变另外一个颜色,离开恢复原色. 嗯,我们一步步来吧! 99乘法表的实现,我相信很多人都知道怎么实现,无非是2个for循环得到的结果,这里我就不多做解释,还不理解的同学可以仔细研究一下代码,研究一
-
JavaScript实现九九乘法表的简单实例
每个学过编程的人都写过"HelloWorld" 但99乘法表,我想也应该成为每个编程初学者的必编程序 这是JavaScript的实现方法,非常适合初学者!!! 以下是代码及注释 <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>JavaScript九
-
javascript 小数乘法结果错误的处理方法
一.用js计算 12.32 * 7 结果是多少? 答案:86.24000000000001 为什么会出现这种问题?怎么解决? js在处理小数的乘除法的时候有一个bug,解决的方法可以是:将小数变为整数来处理. 以上的计算可以改为: 12.32 * 100 * 7 /100 得出的结果是:86.24,正确. 另外再计算一下: 8.80 * 100 * 12 / 100 结果:105.60000000000002 38.80也会出现类似的问题. 精确度增加10倍: 8.80 * 100
-
javascript和jquery分别实现的九九乘法表代码
javascript实现的九九乘法表代码 99乘法表 for(var i=1;i"); } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] jquery实现的九九乘法表代码 jquery 九九乘法表 $(document).ready(function(){ $(" ").data('fact',8).css('margin','10px') .appendTo(document.body) .bind('error',function(){ $(this).pa
-
解决JS中乘法的浮点错误的方法
JS里做小数的乘法运算时会出现浮点错误,具体可以测试一下: <script> alert(11*22.9) </script> 结果是251.89999999999998 而不是251.9 这个问题想必有很多人为之头痛.那么如何解决呢?在此给出解决办法. 1. 复制代码 代码如下: <script> alert(11*(22.9*10)/10): </script> 解决问题的大概思路就是,先把因数放大为整数,最后再除以相应的倍数,这样就能得到正确的结果了.