基於用戶輸入的隨機字符串選擇器，以未解析的HTML格式返回以用於網站

Question

我一直在創建HTML按鈕，這些按鈕從字符串列表中返回結果。 這是相當手工的工作，我正在尋找一種自動化的方法，特別是對於其他在線用戶。

從本質上講，這是一個簡短的腳本，可以生成另一個腳本，但是，由於所有內容都是以HTML編寫和返回的，因此我遇到了一些問題，無法在返回時執行它。

<textarea rows="15" cols="60" id="content">
Add your d100 table here
</textarea>
<br>
<button onclick="getDetails()">Codify Me</button>
<br>
<br>
<p id="outputText"></p>

<script>

function getDetails(){
    var output = "<button onclick='selectRandom()'>Get result<button><br><p id='outputText'></p><"+"script>function selectRandom(){var randList = [";

    var list = document.getElementById("content").value.split('\n');
    list.pop();
    for (var i = 0; i < list.length; i++) {
        output += "\""+list[i]+"\",";
    }

    output += "][Math.floor(Math.random() * "+list.length-1+")]}<"+"/script>";

    document.getElementById("outputText").innerHTML = output;
}

</script>

澄清一下，給定用戶輸入的ABCD，我希望我的腳本將以下輸出作為未解析的字符串生成：

"<button onclick='selectRandom()'>Get result<button><br><p id='outputText'></p><script>function selectRandom(){var randList = ["A","B","C","D"][Math.floor(Math.random() * 3)]}</script>"

我當前的問題是，標簽相互干擾，並且在輸出時，代碼返回如下所示的按鈕：

得到結果

而不是：

<button>Get result<button>

以及腳本的其余部分，盡管我可能會在實驗時添加更多信息。

Answer 1

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Random</title>

</head>
<body>
<textarea rows="15" cols="60" id="content">
Add your d100 table here
</textarea>
<button onclick="selectRandom()">Codify Me</button>
<p id="outputText"></p>

<script>
    function selectRandom() {
        var items = document.getElementById('content').value.split('\n');
        document.getElementById("outputText").innerHTML = items[Math.floor(Math.random() * items.length)];
    }
</script>
</body>
</html>

基於用戶輸入的隨機字符串選擇器，以未解析的HTML格式返回以用於網站

問題描述

1 個解決方案

解決方案1
0 2018-08-28 11:03:23

基於用戶輸入的隨機字符串選擇器，以未解析的HTML格式返回以用於網站

問題描述

1 個解決方案

解決方案1 0 2018-08-28 11:03:23

解決方案1
0 2018-08-28 11:03:23