Content suggestion: Convert drag and drop event examples to live examples

[AnilSeervi]

What is the new suggestion?

To convert the static code examples on the following pages to a live example:

• https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/ondragend

• https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/ondragleave

• https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/ondragover

• https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/ondragstart

• https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/ondrop

Why is it important or useful?

Having live examples will make the concept be understood well for the readers, like I converted for ondragenter in PR #8667

Other supporting information

I'd like to follow upon #8667 (comment) and replace static code in the above pages with working live samples.

[AnilSeervi]

similar issue #8669
Sorry for creating another issue regarding the conversion @wbamberg

I'd like to track the progress by completing the conversion of examples one after another.

[wbamberg]

No worries @AnilSeervi ! I'll close #8669 .

[wbamberg]

Nice work @AnilSeervi !