জেএসফিডেলে বার প্রিন্ট করুন

Question

আমি কীভাবে আমার জাভাস্ক্রিপ্ট থেকে জেএসফিডেলে ফলাফল স্ক্রিনে কিছু মুদ্রণ করব। আমি ব্যবহার করতে পারি না document.write(), এটিও অনুমতি দেয় না, নাও print।

আমার কী ব্যবহার করা উচিত?

Comments

এই উদাহরণটি দেখুন। জেএসফিডাল.নাট

— গৌরাঙ্গ জাদিয়া

@ গৌরাঙ্গজাদিয়া এটি সহজ, আপনার এটি উত্তর হিসাবে যুক্ত করা উচিত (একমাত্র সমস্যাটি console.log()আপনার কাস্টম ফাংশনের চেয়ে যুক্তি স্বীকৃতি দেয়)।

— আইকিউ আন্দ্রেয়াস

এটি মূলত কনসোল.লগের প্রয়োজন ... (...)

— ইভান ক্যারল

জেসফিডেলের অভ্যন্তরে কীভাবে কনসোল পাবেন তার

— ইভান ক্যারল

আজকাল jsfiddle document.write ব্যবহার () অনুমতি দেয়

— রুবেন

Answer 1

console.log()জেএসফিডাল থেকে আউটপুট দেখতে সক্ষম হতে বাম দিকের প্যানেলে বাহ্যিক সংস্থানগুলিতে যান এবং ফায়ারব্যাগের জন্য নিম্নলিখিত লিঙ্কটি যুক্ত করুন:

https://getfirebug.com/firebug-lite-debug.js

Comments

চমত্কার উত্তর। মূলত আউটপুট ফলকটি দুটি প্যানে বিভক্ত করে।

— জ্যাক 10

ঠিক আমি খুঁজছেন ছিল কি!

— প্রত্যাশ

আমি আশা করি জেএসফিডাল এটি ডিফল্টরূপে করতে পারে, বা একটি ক্লিক দিয়ে এটি সক্ষম করার জন্য কমপক্ষে একটি খুব সুস্পষ্ট চেকবক্স রয়েছে।

— লিলি ফিনলে

আপনি প্রথমবারের মতো কোড চালানোর পরে কনসোলটি কেবলমাত্র প্রদর্শিত হবে! দুর্দান্ত উত্তর বিটিডব্লিউ!

— পিটার পাইপার

ক্রোমের জন্য কি এরকম কিছু আছে? প্রকৃতপক্ষে জেএসফিডলকে বক্সের বাইরে এমন কিছু সমর্থন করা উচিত, এটি বেশ সহায়ক হবে।

— হর্ষে বুড়াদকার

Answer 2

এই উদ্দেশ্যে আমার একটি টেম্পলেট রয়েছে ; আমি যে কোডটি ব্যবহার করি তা এখানে:

এইচটিএমএল

<pre id="output"></pre>

জাভাস্ক্রিপ্ট

function out()
{
    var args = Array.prototype.slice.call(arguments, 0);
    document.getElementById('output').innerHTML += args.join(" ") + "\n";
}

নমুনা ব্যবহার (জাভাস্ক্রিপ্ট)

out("Hello world!");
out("Your lottery numbers are:", Math.random(), 999, Math.PI);
out("Today is", new Date());

Comments

এবং pritty মুদ্রণ অবজেক্টস ... আউট (JSON.stringify (myObject, নাল, 2));

— অ্যান্ড্রু ল্যাঙ্ক

নোট করুন যে এতে অচিহ্নযুক্ত '<' বা '>' অক্ষরগুলির সাথে সমস্যা থাকবে এবং যখন আর্গুমেন্টের মানগুলি <অপরিবর্তিত> হয় তখন এটি বাধা হয়ে উঠবে। এটি আপনার ব্যবহারের ক্ষেত্রে সমস্যা হতে পারে না তবে কনসোল.লগ () এ কলগুলি প্রতিস্থাপন করার সময় সচেতন থাকার মতো কিছু।

— স্টিভ হোল্যাশ

উন্নত সংস্করণ: এর innerTextপরিবর্তে ব্যবহার করে innerHTMLএবং মূল কনসোলে লগটি প্রেরণ করুন: function newLog(oldLog) { return function() { var args = Array.prototype.slice.call(arguments, 0); document.getElementById('console-log').innerText += args.join(" ") + "\n"; oldLog.apply(this, args) } } console.log = newLog(console.log) console.error = newLog(console.error) জেএসফিডাল উদাহরণ

— অলিভারপুল

জিসফিডেলে চেষ্টা করার পরে কোনওভাবে এটি আমার কাছে কিছুই দেখায় না। :(

— সুমা

@ সুমা এইচএম, একটি জাভাস্ক্রিপ্ট ত্রুটি থাকতে পারে। এটি আমার মেশিনে দুর্দান্ত চলছে তবে আপনি হয়ত অন্য সংস্করণটি ব্যবহার করছেন। ডিবাগ কনসোলটি খোলার চেষ্টা করুন এবং ত্রুটিগুলি সন্ধান করুন (এটি করার সময় উপরের বাম কোণে রান বোতামটি

— চাপতে ভুলবেন

Answer 3

চেষ্টা করুন:

document.getElementById('element').innerHTML = ...;

ফিডল: http://jsfiddle.net/HKhw8/

Comments

আপনি কেবল পুরানো তথ্য প্রতিস্থাপনের পরিবর্তে document.getElementById('element').innerHTML += [stuff here] + "<br/>";একাধিক লাইন রাখতে এবং পৃষ্ঠায় তথ্য যুক্ত করতে চাইলে আপনি ব্যবহার করতে পারেন ।

— IQAndreas

Answer 4

আপনি যা করেন তা না করতে পারেন তবে আপনি টাইপ করতে পারেন

console.log(string)

এবং এটি আপনার ব্রাউজারের কনসোলে স্ট্রিংটি মুদ্রণ করবে । ক্রোম ধাক্কা ইন CTRL+ + SHIFT+ + Jকনসোল খুলুন।

Comments

অথবা আপনি CTRL+ SHIFT+ ব্যবহার করতে পারেন Kযদি আপনি চান উইন্ডোটির চারপাশে আলাদা উইন্ডোয় পরিবর্তে পৃষ্ঠার নীচে কনসোলটি ডক করা।

— আইকিউআন্দ্রিয়াস

Answer 5

আপনি এটি করতে পারেন ---> http://jsfiddle.net/chY5y/

$('body').append(yourVariable); 

Comments

হুঁ, কাজ করে না ... আমি কীভাবে একটি ভেরিয়েবল সহ সহজ পাঠ্য প্রিন্ট করব

— অ্যারিট্রোপার

Answer 6

এখন jsfiddle এটি স্ক্র্যাচ থেকে করতে পারেন। কেবল জাভাস্ক্রিপ্ট -> ফ্রেমওয়ার্ক এবং এক্সটেনশানগুলি -> জ্যাকুরি (প্রান্ত) এ যান এবং ফায়ারব্যাগ লাইট চেকবক্সটি পরীক্ষা করুন

Comments

তবে আমি এর সাথে সিনট্যাক্স হাইলাইট করে

— ছাড়ছি

Answer 7

document.body.innerHTML = "আপনার ডেটা";

Comments

আরও ভাল, সংযোজন করতে একটি + = করুন। অর্থাৎ,:document.body.innerHTML += "Your data" + "<br/>"; document.body.innerHTML += "Even more data" + "<br/>";

— মাইকেল জ্লাটকভস্কি - মাইক্রোসফ্ট

Answer 8

ES6 কৌশল সহ হতে পারে

function say(...args)
{ 
    document.querySelector('#out').innerHTML += args.join("</br>");
}
say("hi","john");

শুধুমাত্র যোগ করুন

 <span id="out"></span>

এইচটিএমএলে

Answer 9

এখানে একটি বিকল্প রয়েছে: http://jsfiddle.net/skibulk/erh7m9og/1/

document.write = function (str) {
    document.body.insertAdjacentHTML("beforeend", str);
}

document.write("¡hola mundo");

Answer 10

কিছু লোকের জন্য দরকারী হতে পারে এমন কিছু যুক্ত করার জন্য ....

যদি আপনি উপরে বর্ণিত হিসাবে ডিবাগার কনসোলটি যুক্ত করেন তবে আপনি এটি সম্পাদন করে সুযোগটি অ্যাক্সেস করতে পারেন:

স্কোপ = কৌণিক.এলিমেন্ট (ডকুমেন্ট.কুইরিসিলিটর ('[এনজি-কন্ট্রোলার = মাইসিটিআরএল]'))। স্কোপ ();

আমি স্কোপটি কনসোল.লগ, সতর্কতা () ইত্যাদির চেয়ে সরাসরি পরিদর্শন করে দেখতে পাই

Comments

আপনার কি ব্যবহারের উদাহরণ রয়েছে, আমি তা অনুসরণ করি না।

— প্রশস্ত_চক্ষু_পুপিলে

কেন আমি কৌনিক উত্তর দিয়ে উত্তর দিয়েছি, আমার ধারনা ভুল থ্রেড কেন জানি না।

— নেফ

Answer 11

আপনি যদি জেএসফিডেল ব্যবহার করেন তবে আপনি এই লাইব্রেরিটি ব্যবহার করতে পারেন: https://github.com/IonicaBizau/console.js

আপনার jsfiddle সংস্থানগুলিতে lib এর একটি কাঁচা গিট যুক্ত করুন: https://cdn.rawgit.com/IonicaBizau/console.js/0ee8fcc4ea802247c5a7a8e3c6530ede8ade308b/lib/console.min.js

তারপরে আপনি এটি এইচটিএমএল এ যুক্ত করতে পারেন:
<pre class="console"></pre>

আপনার জেএসে কনসোলটি শুরু করুন:
ConsoleJS.init({selector: "pre.console"});

ব্যবহারের উদাহরণ: এটি jsfiddle এ দেখুন

ConsoleJS.init({selector: "pre.console"});

let b;

console.log('hello world');
console.log([{'a':10,'b':44}]);
console.log(typeof [1,2,3,4]);
console.log(50 +67);
console.log(b);

Answer 12

alert()ফাংশনটি ব্যবহার করুন :

alert(variable name);
alert("Hello World");

Comments

সতর্কতা কখনই একটি ভাল ডিবাগিং সরঞ্জাম নয় - বস্তুগুলি দেখায় না, কোডের আচরণ বাধায় ইত্যাদি ইত্যাদি

— বাধায়