Valoarea cromatică a câmpurilor Google într-un formular

Popup.html meu:

<!DOCTYPE HTML>
<html>
  <head>
      <form name="orderform">
First name: <input type="text" name="firstname" />
Last name: <input type="text" name="lastname" /> <input TYPE="button" NAME="button1" Value="Read" onClick="readText(this.form)"> </form> <!-- JavaScript and HTML must be in separate files for security. --> <script src="popup.js"></script> </head> <body> </body> </html>

popup.js

console.log("In");
function readText (form) 
{
    TestVar =form.firstname.value;
    console.log(TestVar);
    chrome.tabs.create({"url":"http://www.google.co.in","selected":true}, function(tab){
       });
}

Din păcate, codul de mai sus nu imprimă valoarea unui prim nume. Ar putea cineva să-mi spuneți ce fac greșit aici.

0
Vă mulțumim că ați arătat acest lucru. Când i-am copiat și lipit, am făcut o greșeală. O va edita.
adăugat autor user1092042, sursa
Pentru început, aveți un ghilimele în consola dvs.: console.log (TestVar ");
adăugat autor Christian Varga, sursa

1 răspunsuri

  1. Your form is in the <head> section; move it in the body
  2. don't use form.field, use the DOM id property in conjunction with document.getElementById().
  3. Use var to define local variables; like this:

    First name: <input type="text" id="firstname" /><!-- note the use of id=... -->
    <script type="text/javascript"> 
        var TestVar = document.getElementById('firstname').value;
    </script>
    
  4. use alert() for strings and numbers

Iată codul complet:

popup.html

<html>
<head>
<script src="popup.js"></script>
</head>
<body>
<form name="orderform">
    First name:
    <input type="text" name="firstname" id="firstname" />
    
Last name: <input type="text" name="lastname" id="lastname" /> <input type="button" name="button1" value="Read" onclick="readText()"> </form> </body> </html>

popup.js

function readText(){
    var TestVar = document.getElementById('firstname').value;
    console.log(TestVar); alert(TestVar);
    chrome.tabs.create({"url":"http://www.google.co.in","selected":true}, function(tab){  });
}
0
adăugat