将函数的结果作为 link 的文本

Question

我有一个算法可以对各种组合进行排序，直到匹配到预先给定的字符串。我希望此算法的结果显示为 link 的 innerHtml。这是我试过的代码，但 link 未激活。

更新：我正在使用 p5.js 文本出现在页面上我想要的位置也是通过算法运行但是文本并没有导致我想要的link。

jsfiddle 示例 https://jsfiddle.net/4xn037v8/

<a id="logo" href="link.com"></a>
<script>

function setup() {
    noCanvas();
    bestPhrase = createP(document.getElementsByTagName(logo));
    bestPhrase.position(15, 20);
    bestPhrase.class("best");


    target = "link.com";

    function draw() {
      if (population.isFinished()) {
        noLoop();
      }
      displayInfo();
    }

    function displayInfo() {
      // Display current status of population
      let answer = population.getBest();
      bestPhrase.html(answer);
    }
    </script>

Answer 1

如果我理解正确，target 是一个 URL，answer 应该解析为 URL，而你想要 URL应该有超链接。

您需要添加具有 href 属性的 a 元素。然后让 that 成为 bestPhrase 而不是 p 元素。

因此您可以在 setup 函数的开头准备 a，如下所示：

let container = createP("Best phrase:");
container.position(10,10);
container.class("best");
target = "google.com";
bestPhrase = createA("http://" + target, "");
bestPhrase.parent(container);

无需更改 display 函数。

见fiddle

将函数的结果作为 link 的文本

Putting the result of a function as the text of a link

html

javascript

p5.js