Как создать приложение Cordova, которое принимает ввод от пользователя и выдает тот же контент, когда нажимает кнопку?

Я новичок в программировании 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 ответ

У вас просто небольшие опечатки в вашем коде.

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

<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>

Другие вопросы по тегам