एक ऐसा फॉर्म बनाना जो एक स्ट्रिंग को जावास्क्रिप्ट के साथ टेक्स्टरेरा में आउटपुट करता है

मैं जावास्क्रिप्ट के लिए बहुत नया हूं लेकिन मैं एक साधारण प्रोग्राम बनाने की कोशिश कर रहा हूं जो ब्लॉग के लिए फ़ॉर्मेटिंग स्रोत बनाता है जिसे मैं संपादित करता हूं। मैं उस जानकारी को चाहता हूं जो उपयोगकर्ता फॉर्म में टाइप करने के लिए फॉर्म में टाइप करें। यहां तक ​​कि मेरे पास अब तक है:

<html>
<head>
    <script type="text/javascript">
        function writeCode() {
            var src1 = document.getElementById('src1').value;
               //src2 = document.getElementbyId('src2'),
               //src3 = document.getElementbyId('src3'),
               //src4 = document.getElementbyId('src4'),
               //src5 = document.getElementbyId('src5'),
               //src6 = document.getElementbyId('src6'),
               //src7 = document.getElementbyId('src7'),
               //src8 = document.getElementbyId('src8'),
               //src9 = document.getElementbyId('src9'),
               //src10 = document.getElementbyId('src10'),
            var lnk1 = document.getElementById('lnk1').value;
               //lnk2 = document.getElementbyId('lnk2'),
               //lnk3 = document.getElementbyId('lnk3'),
               //lnk4 = document.getElementbyId('lnk4'),
               //lnk5 = document.getElementbyId('lnk5'),
               //lnk6 = document.getElementbyId('lnk6'),
               //lnk7 = document.getElementbyId('lnk7'),
               //lnk8 = document.getElementbyId('lnk8'),
               //lnk9 = document.getElementbyId('lnk9'),
               //lnk10 = document.getElementbyId('lnk10');

            outputValue = 'Sources: ' + '' + src1 + ''

            document.outputArea.value = outputValue;
        }
        console.log(writeCode);
    </script>
</head>
<body>
    

<form name="sources"> Source 1 <input type="text" id="src1"/> Link 1 <input type="text" id="lnk1"/>
Source 2 <input type="text" id="src2"/> Link 2 <input type="text" id="lnk2"/>
Source 3 <input type="text" id="src3"/> Link 3 <input type="text" id="lnk3"/>
Source 4 <input type="text" id="src4"/> Link 4 <input type="text" id="lnk4"/>
Source 5 <input type="text" id="src5"/> Link 5 <input type="text" id="lnk5"/>
Source 6 <input type="text" id="src6"/> Link 6 <input type="text" id="lnk6"/>
Source 7 <input type="text" id="src7"/> Link 7 <input type="text" id="lnk7"/>
Source 8 <input type="text" id="src8"/> Link 8 <input type="text" id="lnk8"/>
Source 9 <input type="text" id="src9"/> Link 9 <input type="text" id="lnk9"/>
Source 10 <input type="text" id="src10"/> Link 10 <input type="text" id="lnk10"/>
<input type="button" value="Write my code!" onclick="writeCode();"/>
</form> </body> </html>

मुझे यह कहते हुए एक त्रुटि मिलती है कि "Uncaught TypeError: जब मैं कोड चलाता हूं तो" 28 पर लाइन को अपरिभाषित "आउटपुट एरिया 'नहीं पढ़ सकता। मैं इसे कैसे हल करूं? दोबारा, मैं जेएस के लिए बहुत नया हूं, इसलिए किसी भी अज्ञानता के लिए खेद है।

मैं अंत में केवल उस डेटा को आउटपुट करने में सक्षम होना चाहता हूं जो दर्ज किया गया है। यह मैं कैसे करूंगा? क्या मैं लूप, या कुछ अन्य विधि का उपयोग करूंगा?

धन्यवाद!

0
कोई बात नहीं! मैंने "document.outputArea.value = outputValue बदल दिया;" "document.getElementById ('outputArea.value') = outputValue;" और यह ठीक काम किया। मैं अभी भी दर्ज किए गए डेटा को आउटपुट करने का सबसे अच्छा तरीका जानना चाहता हूं, इसलिए मैं इसे अभी छोड़ दूंगा।
जोड़ा लेखक user3070330, स्रोत
आप सही हे। मैंने "document.getElementById ('outputArea') का उपयोग किया। मूल्य" ... टाइपो के लिए खेद है!
जोड़ा लेखक user3070330, स्रोत
क्या आपने document.getElementById ('outputArea') की कोशिश की है। मान ? और किसी भी स्रोत को अनदेखा करने के लिए जो दर्ज नहीं किया गया है, आप टेक्स्टफील्ड के लिए चेंज इवेंट्स, या स्टेटमेंट्स पर देख सकते हैं।
जोड़ा लेखक jonhopkins, स्रोत
मैं थोड़ा सा document.getElementById ('outputArea.value') काम कर रहा हूं। क्या यह आपका वास्तविक कोड है? अगर यह काम करता है, तो यह बहुत अच्छा है
जोड़ा लेखक jonhopkins, स्रोत

1 उत्तर

Maybe try this document.getElementById('outputArea').value = outputValue;

0
जोड़ा
धन्यवाद, ग्रेग। पूरी तरह से काम किया।
जोड़ा लेखक user3070330, स्रोत