gpt4 book ai didi

javascript - 获取文本输入的值并将它们存储到数组中

转载 作者:塔克拉玛干 更新时间:2023-11-02 23:00:22 25 4
gpt4 key购买 nike

我的代码可以在这里找到:https://www.w3schools.com/code/tryit.asp?filename=FHC2UOT0RQX6
该程序接受数组 var array=[1,0,1,0,1,1,0,0,0] 并求解伪三进制编码方案。我想做的很简单。 Insead 更改数组的元素(当我想插入不同的输入时),我想使用 input text 并从中获取 values 当我按下输入或提交按钮,它将根据用户输入解决问题。是否可以获取文本输入的值并将它们用作数组?
这是下面的脚本,但最好查看整个代码,使用上面的链接。

 <script  type="text/javascript">
var array=[1,0,1,0,1,1,0,0,0]; //input here
var text="";
for(var b=0;b<array.length;b++)
{
text+=array[b];
}
document.getElementById('enc').innerHTML=text;


pseudo(array);

function pseudo(a) //function pseudo
{
var pulse = false;

var count = 0;

for(var b=0;b<array.length;b++)

if(a[b]===1)
{
count++;

document.write('<img src="http://i.imgur.com/30DU9iC.png">');
}
else if(a[b]===0)
{
count++;
pulse=!pulse; //toggles boolean value each time it finds zero

if(pulse===true) //pulse shows up
{

document.write('<img src="http://i.imgur.com/Ghtajy7.png">');


}
else{

document.write('<img class="down" src="http://i.imgur.com/uObQjTA.png">');


}
}

}

</script>

最佳答案

实际上你想在一个函数中编写你的代码并分别调用函数 onload 和 onclick。试试这个,http://www.w3schools.com/code/tryit.asp?filename=FALV2XZQ7V36

var array = [1, 0, 1, 0, 1, 1, 0, 0, 0]; //input here 
var text = "";

function loading() {

for (var b = 0; b < array.length; b++) {
text += array[b];
}
document.getElementById('enc').innerHTML = text;


pseudo(array);
}

function pseudo(a) //function pseudo
{
var pulse = false;

var count = 0;
var output = '';
var b = 0;
for (b = 0; b < a.length; b++)

if (a[b] === 1) {
count++;
//document.write('<p class="w3-center w3-text-red">'+'Step '+count+': No line'+'<br>'+'</p>');
//document.write('<img src="http://i.imgur.com/30DU9iC.png">');
output += '<img src="http://i.imgur.com/30DU9iC.png">';
} else if (a[b] === 0) {
count++;
pulse = !pulse; //toggles boolean value each time it finds zero

if (pulse === true) //pulse shows up
{
//document.write('<p class="w3-center w3-text-red">'+'Step: '+count+' goes up'+'<br>'+'</p>');
//document.write('<img src="http://i.imgur.com/Ghtajy7.png">');
output += '<img src="http://i.imgur.com/Ghtajy7.png">';


} else {
// document.write('<p class="w3-center w3-text-red">'+'Step: '+count+' goes down'+'<br>'+'</p>');
//document.write('<img class="down" src="http://i.imgur.com/uObQjTA.png">');
output += '<img class="down" src="http://i.imgur.com/uObQjTA.png">';


}

}
document.getElementById("js").innerHTML = output;

}

function gettext() {

var inputText = document.getElementById("tf").value;
var inparray = [inputText.length];
for (i in inputText) {
inparray[i] = parseInt(inputText[i]);
}
document.getElementById('enc').innerHTML = inputText;
pseudo(inparray);
}
body {} .pad {
padding-top: 20%;
}
.inline {
display: inline;
}
.down {
margin: 0 -2 -65 -3;
}
<html>

<head>



<title>Pseudoternary Encoding</title>
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
<!-- <link rel="stylesheet" href="style.css" type="text/css"/>-->

<h4>Use this input </h4>
<input type="text" id="tf"></input>
<input type="button" style="width:50px;" value="solve" onclick="gettext()" id="tf"></input>

</head>

<body onload="loading()" ;>
<h1>Illustration of pseudoternary encoding scheme </h1>

<h1 class="pad w3-center">Encode <span id="enc" class="w3-text-red"> </span></h1>

<div id="js" class="w3-center">

</div>
</body>

</html>

关于javascript - 获取文本输入的值并将它们存储到数组中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41073748/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com