时间戳

首页 > 解决方案 > 打印文本类型的 HTML

javascript - 打印文本类型的 HTML

问题描述

我想做一个东西来显示一个人在我尝试过的文本框中输入的文本，.value但它不起作用，这是代码......

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text" id="inputText" placeholder="write a paragraph, press enter when done" style="width: 500px; height: 500px;" onkeyup="weirdStuff()">
    <div id="div">your text will be here</div>
    <script>
        var text = document.getElementById("inputText");
        var textOutput = document.getElementById("div")
        //a useless line
        text.addEventListener("keyup",function(e) {
            if (e.keyCode === 13) {
                text.onkeyup = function () {
                    location.reload();
                }
            }
        });
        function weirdStuff() {
            var stuff = textOutput.value;
            textOutput.innerHTML = stuff;
        }

    </script>
</body>
</html>

它返回未定义

标签： javascripthtml

解决方案

在这个片段中：

var stuff = textOutput.value;
textOutput.innerHTML = stuff;

你得到的价值textOutput，不是text。将其更改为此应该可以：

var stuff = text.value;
textOutput.innerHTML = stuff;

推荐阅读