ChatGPT output HTML direct

ChatGPT直接輸出HTML
As of 2023-03-08. See the latest version.
Ask a question, post a review, or report the script.
Wrap lines
// ==UserScript==
// @name         ChatGPT output HTML direct
// @namespace    http://tampermonkey.net/
// @version      0.5
// @description  ChatGPT直接輸出HTML
// @description:en  ChatGPT output HTML direct
// @author       cat-no-war
// @match        https://chat.openai.com/chat
// @icon         https://www.google.com/s2/favicons?sz=64&domain=openai.com
// @grant        none
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';

    setInterval(function(){
        var codes= document.querySelectorAll("code:not([add_frame])")
        for(let i=0;i<codes.length;i++){
            let code=codes[i];
            //wait completed
            let pre=code.closest("pre");
            if(pre==null){
                 code.setAttribute("add_frame",true);
                continue;
            }
            //if(codeParentIndex==codeParentLength-1)continue;
            code.setAttribute("add_frame",true);
            let lang=code.parentElement.parentElement.children[0].children[0].innerText;
            let oldText;
            if(lang=="html" || lang=="php"){
                let newFrame=document.createElement("iframe");
                newFrame.style.width="100%";
                newFrame.style.height="512px";
                oldText=code.innerText;
                newFrame.src = "data:text/html;charset=utf-8," + encodeURIComponent(code.innerText);
                setInterval(()=>{
                    if(oldText!=code.innerText){
                        newFrame.src = "data:text/html;charset=utf-8," + encodeURIComponent(code.innerText);
                    }
                    oldText=code.innerText
                },500);
                code.parentElement.parentElement.parentElement.appendChild(newFrame);
            }else if(lang="javascript"){
                let button = document.createElement("button");
                button.innerHTML="Play";
                oldText=code.innerText;
                var r=`eval(\`${code.innerText}\`);`
                button.setAttribute("onclick",r)
                eval(code.innerText);
                setInterval(()=>{
                    if(oldText!=code.innerText){
                        r=`eval(\`${code.innerText}\`);`
                        button.setAttribute("onclick",r)
                          eval(code.innerText);
                    }
                    oldText=code.innerText
                },500);
                code.parentElement.parentElement.parentElement.appendChild(button);
            }
        }
    }, 500);
})();