如何创建一个Cordova应用程序,它接受来自用户的输入并在单击按钮时提供相同的内容?

时间:2017-02-25 04:08:59

标签: cordova cordova-ios

我是Cordova编程的新手。我想创建一个Cordova应用程序,它接受来自用户的输入,并在页面上创建一个新段落,其中包含用户每次单击提交按钮时输入的文本。使用我的代码,我只能输入一些东西,但没有输出。

这是我的代码:

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;">
        <meta name="format-detection" content="telephone=no">
            <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
                <link rel="stylesheet" type="text/css" href="css/index.css">
                    <script type="text/javascript" src="cordova.js"></script>
                    <title>Hello World</title>
                    </head>

<body>
    <input type="text" id="myText"=></input>
    <button onclick="myFunction()">Add</button>

    <p id="demo"></p>

    <script type="test/javascrpt">
        function myFunction() {
            var myText = document.getElementById("myText").value;
            document.getElementById("demo").innerHTML = myTest;
        }
    </script>
</body>

提前致谢。

1 个答案:

答案 0 :(得分:0)

你的代码中只有小错别字。

function myFunction() {
  var myText = document.getElementById("myText").value;
  document.getElementById("demo").innerHTML = myText; // You had myTest
}

&#13;
&#13;
<input type="text" id="myText"></input>
<button onclick="myFunction()">Add</button>

<p id="demo"></p>

<script>
  function myFunction() {
    var myText = document.getElementById("myText").value;
    document.getElementById("demo").innerHTML = myText;
  }
</script>
&#13;
&#13;
&#13;