Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.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数组生成可单击的HTML链接_Javascript_Html_Arrays - Fatal编程技术网

从javascript数组生成可单击的HTML链接

从javascript数组生成可单击的HTML链接,javascript,html,arrays,Javascript,Html,Arrays,我在网上找到了可以从数组中选择和打印随机名称的代码,我正在尝试修改它以打印链接而不是名称。我希望该链接是可点击的,因为它通常是在HTML。但是,我不知道如何修改javascript来实现这一点 下面是我做这件事的方法。但结果是,它只是在页面上打印HTML代码,而不是交互式链接。做这件事最好的方法是什么 let btnRandom = document.querySelector('button'); let result = document.querySelector('h1'); let

我在网上找到了可以从数组中选择和打印随机名称的代码,我正在尝试修改它以打印链接而不是名称。我希望该链接是可点击的,因为它通常是在HTML。但是,我不知道如何修改javascript来实现这一点

下面是我做这件事的方法。但结果是,它只是在页面上打印HTML代码,而不是交互式链接。做这件事最好的方法是什么

let btnRandom = document.querySelector('button');
let result = document.querySelector('h1');

let links = ['https://www.nytimes.com/2019/09/19/climate/air-travel-emissions.html', 'Link2', 'Link3', 'Link4', 'Link5', 'Link6', 'Link7'];

function getRandomNumber(min, max) {
  let step1 = max - min + 1;
  let step2 = Math.random() *step1;
  let result = Math.floor(step2) + min;

  return result;
}

btnRandom.addEventListener('click', () => {
  let index = getRandomNumber(0, links.length-1);
  result.innerText = '<a href ="' + links[index] + '"</a>';
});
让btnRandom=document.querySelector('button');
让结果=document.querySelector('h1');
让链接=['https://www.nytimes.com/2019/09/19/climate/air-travel-emissions.html“,”链接2“,”链接3“,”链接4“,”链接5“,”链接6“,”链接7“];
函数getRandomNumber(最小值、最大值){
设步骤1=最大-最小+1;
设step2=Math.random()*step1;
让结果=数学地板(步骤2)+分钟;
返回结果;
}
btnRandom.addEventListener('单击',()=>{
让索引=getRandomNumber(0,links.length-1);

result.innerText='

您可以使用innerHTML属性而不是innerText将链接作为实际的HTML元素追加

或者按照上述方法创建一个link元素并将其附加到“result”节点。

创建一个
。然后使用

让btnRandom=document.querySelector('button');
让结果=document.querySelector('h1');
常量链接=['https://www.nytimes.com/2019/09/19/climate/air-travel-emissions.html“,”链接2“,”链接3“,”链接4“,”链接5“,”链接6“,”链接7“];
函数getRandomNumber(最小值、最大值){
设步骤1=最大-最小+1;
设step2=Math.random()*step1;
让结果=数学地板(步骤2)+分钟;
返回结果;
};
btnRandom.addEventListener('单击',()=>{
让索引=getRandomNumber(0,links.length-1);
常量a=document.createElement(“a”);
a、 text内容=链接[索引];
a、 href=链接[索引];
结果:儿童(a);
});
Ramdom链接