所以,我做了一个翻译器,但效果不是很好。但无论如何,它正在工作,我想尝试添加一些可以复制结果的内容。有没有办法做到这一点?以下是我的代码: 提前致谢!我知道有一种方法可以通过输入来完成此操作,但我不确定是否可以通过标题来完成。
var myText;
var letters;
var letterslength;
var result;
var firstletter;
var newresult;
var vowels = ['a', "e", "i", "o", "u"]
function GO(){
myText=document.getElementById('inputBox').value;
letters=myText.split("");
//console.log(letters);
letterslength=letters.length;
if(vowels.includes(letters[0])){
letters = letters.join('');
result=letters+'yay';
document.getElementById('changetext').innerHTML=result;
history.push(result);
} else{
firstletter=letters[0]
letters.shift();
letters = letters.join('');
result=letters+firstletter;
newresult=result+"ay";
document.getElementById('changetext').innerHTML=newresult;
}
}
function copy(){
var copyText = document.getElementById("changetext");
copyText.select();
document.execCommand("copy");
document.getElementById('copyer').innerHTML="Copied"+copyText.value;
setTimeout(revert, 3000);
}
function revert(){
document.getElementById('copyer').innerHTML= 'Copy To Clipboard!';
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<DOCTYPE html>
<html>
<head>
<title>Pig Latin Translator!</title>
<link href="style.css" rel="stylesheet">
</head>
<body>
<br>
<h1>Pig Latin Translator</h1>
<p>You are on the island of Pig Land. You must learn the difficult language of Pig Latin. Lucky for you, you can use this website to help you survive. One word at a time please.</p>
<br>
<br>
<input id="inputBox" placeholder="Type your English Here...">
<br>
<br>
<br>
<button onclick="GO();">Translate!</button>
<br>
<h1 id="changetext">...and the text will appear here!</h1>
<button style="width: 100px; display: inline;" id="copyer" onclick="copy();">Copy To Clipboard!</button>
<br>
<br>
</body>
</html>
这是一个从元素复制文本的函数:
function copyElementText(id) {
var text = document.getElementById(id).innerText;
var elem = document.createElement("textarea");
document.body.appendChild(dummy);
dummy.value = text;
dummy.select();
document.execCommand("copy");
document.body.removeChild(dummy);
}
只需在您的标题上调用它,如下所示:
copyElementText("changeText");
它会起作用的!
演示片段:
function copyElementText(id) {
var text = document.getElementById(id).innerText;
var elem = document.createElement("textarea");
document.body.appendChild(elem);
elem.value = text;
elem.select();
document.execCommand("copy");
document.body.removeChild(elem);
}
<button onclick="copyElementText('heading')">Click Me!</button>
<h1 id="heading">Text to be Copied</h1>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)