Javascript 如何制作此“;转换为”;按钮将文本从输入转换为二进制?
我正在尝试创建一个基本的网站,可以使用JavaScript将文本转换为二进制,但我真的不知道如何进行转换!按钮工作。有人有我可以使用的简单修复程序吗?(不要介意CSS缺少一些代码,我还没有完成。)Javascript 如何制作此“;转换为”;按钮将文本从输入转换为二进制?,javascript,html,Javascript,Html,我正在尝试创建一个基本的网站,可以使用JavaScript将文本转换为二进制,但我真的不知道如何进行转换!按钮工作。有人有我可以使用的简单修复程序吗?(不要介意CSS缺少一些代码,我还没有完成。) 函数转换(){ const input_el=document.querySelector(“.input text”); const output_el=document.querySelector(“.output binary”); input_el.addEventListener(“输入”
函数转换(){
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()
函数的代码,请包含好吗?@coodleoolconvert
函数就在那里。您的convert
除了绑定另一个事件侦听器外,什么都不做。你不需要在这里再绑一个;相反,只需在convert
中进行转换即可。对不起,我对HTML和Javascript的编码非常陌生,因此您发布的代码对我帮助不大。但是你知道为什么我的脚本不起作用吗?我现在会调查一下,尽快告诉你:)不客气!如果你还需要什么,一定要问:)