Kenzie

@kenzielixir

Hi person who’s reading this! You’re an amazing human (or robot, how am I supposed to know what you are?😂) and I hope you have a great day!

Magic-8-Ball The Right One
Cover page
Made with HTML, CSS, JS
I don't really know what happened, but there's 2 of the same repls now...
Recent comments (0)
EYStreemKnowledgeQuiz
Cover page
Made with HTML, CSS, JS
This is the completed one. DO THIS ONE
Recent comments (0)

Repls

Community

shared a Post

•3 years ago

How do I center an image?

The title says it all. I can't figure out how to center the coin image.

HTML, CSS, JS

You can use some inline CSS <img src="SOMETHING" style="margin-left: 10px;" That should work.3 years ago

Put it inside a div: `3 years ago

shared a Post

•3 years ago

How do I add a click event listener to an image?

I need some simple code to help get my event listener working. I don't know what code to run though..

HTML, CSS, JS

For an image, you can use onclick or onpress3 years ago

Why use an EventListener when you can just use onclick? So: `3 years ago

shared a Post

•3 years ago

How to get rid of a response and generate a new one when button is clicked:

I am working on a Magic 8 Ball project and am almost complete. But I noticed that when I click the 8 Ball twice for the same question, the first respo

HTML, CSS, JS

.innerHTML = '' `3 years ago

shared a Post

•3 years ago

How do I assign a span tag to only show up when user does a certain action?

It's this Magic 8 Ball again... I want to make a span tag pop up underneath the "Ask Me A Question" text that says to input a question, but only if th

HTML, CSS, JS

Ohh, quite easy actually, you can use the value attribute :) if (document.getElementById('type').value == '') { // add code here } `3 years ago

I asked how it was, and it said "Unfortunately, yes" XD. anyways, just check if the input is empty, then append a span to the body of the html page. just check if document.getElementById('id-of-element').value === ''; Also, do you want more than two responses to show up at the same time, or just want one response at a time I'm confused. Edit: Ohh, I see. However, I get all 8 responses, so it's fine?3 years ago

shared a Post

•3 years ago

How do I make my span tags show up?

I'm still working in this Magic 8 Ball project, and I can't figure out how to make one of my eight span tags pop up if their random number is selected

HTML, CSS, JS

fixed repl (click the 8 and you will see it work, but part of it is not working because of your logic.)3 years ago

Also, this is invalid: document.getElementById("ball").addEventListener = ("click", talkBack) What you want is: document.getElementById("ball").addEventListener("click", talkBack) `3 years ago

btw you have an extra } on line 413 years ago

shared a Post

•3 years ago

How do I make a circle shaped button with text inside that doesn't effect the circle shape?

I'm working on a Magic 8 Ball project and I'm trying to figure out how to make a circle shaped button with an 8 inside of it. The issue is is that I c

Use width and height properties instead of padding. #ball { border-radius: 100%; font-size: 500%; width: 200px; height: 200px; background-color: black; color: white; cursor: pointer; } `3 years ago

Hello @eystreemfan Here lemme whip something up for you. This is my jam! It may take me a minute...3 years ago

shared a Post

•3 years ago

How do I center an image in the middle of the screen?

I'm working on a project and can't remember how to center an image...

Oh wow my code was messed up... Thanks for the help and corrections!3 years ago

In the css: img { text-align: center; margin: auto; } you can also try: body { text-align: center; } which will center everything on the page3 years ago

position absolute? idk anyways your html is super messed up, replace it to: css #magic8 { position: absolute; top: calc(50% - 110px); left: calc(50% - 115px); } `3 years ago

shared a Post

•3 years ago

Is it possible to make an increment operator add more than 1?

I'm making a quiz and don't know if it is possible to make an increment operator that adds 11 each time. Is this possible? If it is, what do I do?

HTML, CSS, JS

Thanks! Just to make sure I did it right, did I put the (variable += 11;) code in the right spots?3 years ago

Very easy! variable += 11; `3 years ago

Kenzie

Magic-8-Ball The Right One

EYStreemKnowledgeQuiz