Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何制作此“;转换为”;按钮将文本从输入转换为二进制?_Javascript_Html - Fatal编程技术网

Javascript 如何制作此“;转换为”;按钮将文本从输入转换为二进制?

Javascript 如何制作此“;转换为”;按钮将文本从输入转换为二进制?,javascript,html,Javascript,Html,我正在尝试创建一个基本的网站,可以使用JavaScript将文本转换为二进制,但我真的不知道如何进行转换!按钮工作。有人有我可以使用的简单修复程序吗?(不要介意CSS缺少一些代码,我还没有完成。) 函数转换(){ const input_el=document.querySelector(“.input text”); const output_el=document.querySelector(“.output binary”); input_el.addEventListener(“输入”

我正在尝试创建一个基本的网站,可以使用JavaScript将文本转换为二进制,但我真的不知道如何进行转换!按钮工作。有人有我可以使用的简单修复程序吗?(不要介意CSS缺少一些代码,我还没有完成。)

函数转换(){
const input_el=document.querySelector(“.input text”);
const output_el=document.querySelector(“.output binary”);
input_el.addEventListener(“输入”,(事件)=>{
让输入_text=event.target.value;
让输出_arr=[];
对于(变量i=0;i
正文{
保证金:0;
填充:0;
}
标题{
填充:30px;
背景:#09A954;
颜色:白色;
文本对齐:居中;
字体系列:arial;
字体大小:30px;
}
navbar先生{
填充:12px;
背景#3636;
颜色:白色;
字体大小:15px;
}
.集装箱{
显示器:flex;
弯曲方向:立柱;
填充:80px;
背景:#b3;
}
.输入框{
显示器:flex;
弯曲方向:立柱;
证明内容:中心;
对齐项目:居中;
填充:40px;
背景:#D35400;
边界半径:10px;
文本对齐:居中;
盒影:0px 3px 5px#000000;
高度:100px;
宽度:;
}
输入{
背景:#D35400;
边界:无;
边框底部:2倍实心#000000;
字体大小:15px;
}
钮扣{
宽度:100px;
}
.输出盒{
显示器:flex;
弯曲方向:立柱;
证明内容:中心;
对齐项目:居中;
填充:40px;
背景#2980B9;
边界半径:10px;
文本对齐:居中;
盒影:0px 3px 5px#000000;
高度:100px;
宽度:;
}
p2{
字体大小:30px;
字体系列:calibri;
}
p4{
字体大小:15px;
字体系列:arial;
}

文本到二进制转换器
文本到二进制转换器
链接
这就是人类所看到的:
请在下面输入文本


皈依

这是机器看到的:
看看这个:

函数转换(){
var输出=document.getElementById(“ti2”);
var输入=document.getElementById(“ti1”).value;
产值=”;
对于(i=0;i
input{font size:12px;width:200px;}

转换

我修复了您现有的项目。
我在JavaScript方面做了一个简单的尝试。您可以在JavaScript代码上用6行代码编写所需的所有内容:)
对于输出,应使用
而不是

看看这个:

函数转换(){
var output=document.getElementById(“output_text”);
var input=document.getElementById(“输入文本”).value;
产值=”;
对于(i=0;i
正文{
保证金:0;
填充:0;
}
标题{
填充:30px;
背景:#09A954;
颜色:白色;
文本对齐:居中;
字体系列:arial;
字体大小:30px;
}
navbar先生{
填充:12px;
背景#3636;
颜色:白色;
字体大小:15px;
}
.集装箱{
显示器:flex;
弯曲方向:立柱;
填充:80px;
背景:#b3;
}
.输入框{
显示器:flex;
弯曲方向:立柱;
证明内容:中心;
对齐项目:居中;
填充:40px;
背景:#D35400;
边界半径:10px;
文本对齐:居中;
盒影:0px 3px 5px#000000;
高度:100px;
宽度:;
}
输入{
背景:#D35400;
边界:无;
边框底部:2倍实心#000000;
字体大小:15px;
}
输入:焦点{
边界:无;
边框底部:2倍实心#000000;
字体大小:15px;
大纲:无;
}
钮扣{
宽度:100px;
}
.输出盒{
显示器:flex;
弯曲方向:立柱;
证明内容:中心;
对齐项目:居中;
填充:40px;
背景#2980B9;
边界半径:10px;
文本对齐:居中;
盒影:0px 3px 5px#000000;
高度:100px;
宽度:;
}
p2{
字体大小:30px;
字体系列:calibri;
}
p4{
字体大小:15px;
字体系列:arial;
}

文本到二进制转换器
文本到二进制转换器
链接
这就是人类所看到的:
请在下面输入文本


皈依

这是机器看到的:

欢迎来到StackOverflow!看起来您没有包含
convert()
函数的代码,请包含好吗?@coodleool
convert
函数就在那里。您的
convert
除了绑定另一个事件侦听器外,什么都不做。你不需要在这里再绑一个;相反,只需在
convert
中进行转换即可。对不起,我对HTML和Javascript的编码非常陌生,因此您发布的代码对我帮助不大。但是你知道为什么我的脚本不起作用吗?我现在会调查一下,尽快告诉你:)不客气!如果你还需要什么,一定要问:)