klikam w buton html5 canvas i wyświetla zawartość JS dynamicznie

0

Moją pierwszą stroną ma być serwis pisany w HTML5 pokazujący możliwości JavaScript na podstawie tutorialu JS w3schools.

Chciałbym prosić o podpowiedź jak zrobić rzecz taką bym klikając w jeden z wielu butonów na stronie(najlepiej zrobionych w canvas), zgrupowanych w menu lub gdziekolwiek, mógł otworzyć w centralnym obszarze strony, jeden z kilku efektów kodu JS z kursu w3schools

Jeszcze raz.
Klikam w 'dupa1' a w ramce pojawia się efekt np. poniżej napisanego kodu JS,
Następnie klikam w 'dupa2' i czyści ramkę i pojawia mi się efekt innego kodu JS.
itd

<!DOCTYPE html>
<html>
<body>

<h1>My First JavaScript</h1>

<p id="demo">
JavaScript can change the style of an HTML element.
</p>

<script>
function myFunction()
{
x=document.getElementById("demo") // Find the element
x.style.color="#ff0000"; // Change the style
}
</script>

<button type="button" onclick="myFunction()">Click Me!</button>

</body>
</html>

user image
Zależy mi by d**y zrobione były jakoś efektownie w canvas a jednocześnie były czułe na dotyk.

Z dołu dzięki

0

im więcej czytam kolejnych stron kursów html js tym bardziej zdaje sobie sprawę jak durna jest moja prośba tj nie dość sprecyzowana. Wkrótce uzupełnię pytania.

ps aktualizacja tego topicu o ten wpis równie durna co wiara, że kogoś na tej planecie ten topic obchodzi.

1 użytkowników online, w tym zalogowanych: 0, gości: 1