https://codepen.io/anon/pen/NYaeXV

मैं एक HTML फॉर्म इनपुट के मान को लॉग करने का प्रयास कर रहा हूं। मैंने कोडपेन के अंदर कई विकल्प रखे हैं। यहाँ मेरी प्रारंभिक विचार प्रक्रिया है।

<form action="">
<input type="text" name="data" id="data">
<button type="submit">Submit</button>
</form>

function sConsole() {
  var data = document.getElementById("data");
  console.log(data.value());
}
sConsole();
0
infiniteObject 26 मार्च 2018, 16:23

2 जवाब

सबसे बढ़िया उत्तर

आपको value() के बजाय value का उपयोग करने की आवश्यकता है क्योंकि value एक फ़ंक्शन नहीं है, e.preventDefault() का उपयोग करने पर भी विचार करें ताकि पृष्ठ को फिर से लोड करने से बचने के लिए sConsole() अपनी जेएस फ़ाइल में आप पृष्ठ लोड होने पर फ़ंक्शन को निष्पादित करने के लिए कह रहे हैं, आपको इसके बजाय अपने फ़ंक्शन को सबमिट ईवेंट में ले जाना होगा।

यहां एक कामकाजी उदाहरण और हैप्पी कोडिंग है :)

function sConsole(event) {
  event.preventDefault();
  var data = document.getElementById("data");
  console.log(data.value);
  
}
<div id="container">
  <h1>Hello, world!</h1>
  <h4>Input your console data below : </h4>
  <form action="" id="form" onsubmit="sConsole(event)">
    <input type="text" name="data" id="data">
    <button type="submit">Submit</button>
  </form>
</div>
2
Abslen Char 26 मार्च 2018, 13:33

आप चूक गए onclick या onSubmit , आपको .value का भी उपयोग करना चाहिए

function sConsole() {
  var data = document.getElementById("data");
  console.log(data.value);
  //!!Option 1a
  //console.log(data.submit());
}
<div id="container">
  <h1>Hello, world!</h1>
  <h4>Input your console data below : </h4>
  <form action="">
    <input type="text" name="data" id="data">
    <button type="submit" onClick="sConsole()">Submit</button>
  </form>
</div>
0
Azzabi Haythem 26 मार्च 2018, 13:36