Categories
coding

a question for you javascript/html5 guys/dolls

I found this code for “raw html” in wordpress to create a drop-down card with image and text when you hover over the button.

Trying to figure out how to change this code so that the card drops down when you click the button instead of hover?

here’s my suggested code:

<!DOCTYPE html>

<html>

<title>W3.CSS</title>

<meta name=”viewport” content=”width=device-width, initial-scale=1″>

<link rel=”stylesheet” href=”https://www.w3schools.com/w3css/4/w3.css”&gt;

<body>

<div class=”w3-container”>

 <h2>Card Dropdowns</h2>

 <p>Move the mouse over “London” or “Tokyo”:</p>

 <div class=”w3-dropdown-hover”>London

   <div class=”w3-dropdown-content w3-card-4″ style=”width:250px”>

     <img src=”img_london.jpg” alt=”London” style=”width:100%”>

     <div class=”w3-container”>

       <p>London is the capital city of England.</p>

       <p>It is the most populous city in the UK.</p>

     </div>

   </div>

 </div>

 <div class=”w3-dropdown-hover”>Tokyo

   <div class=”w3-dropdown-content w3-card-4″ style=”width:250px”>

     <img src=”img_tokyo.jpg” alt=”Tokyo” style=”width:100%”>

     <div class=”w3-container”>

       <p>Tokyo is the capital city of Japan.</p>

       <p>13 million inhabitants.</p>

     </div>

   </div>

 </div>

</div>

</body>

</html>

I tried the following code, but it’s still requiring a hover:

<!DOCTYPE html>

<html>

<title>W3.CSS</title>

<meta name=”viewport” content=”width=device-width, initial-scale=1″>

<link rel=”stylesheet” href=”https://www.w3schools.com/w3css/4/w3.css”&gt;

<body>

<div class=”w3-container”>

 <h2>Animated Dropdown</h2>

 <p>Use any of the w3-animate-classes to fade, zoom or slide in the dropdown content (w3-animate-zoom|opacity|top|bottom|left|right).</p>

 <div class=”w3-dropdown-click”>

   <button onclick=”myFunction()” class=”w3-button w3-black”>Click me</button>

   <div id=”Demo” class=”w3-dropdown-content w3-bar-block w3-card-4 w3-animate-zoom”>

     <div class=”w3-dropdown-hover”>London

 <div class=”w3-dropdown-content w3-card-4″ style=”width:250px”>

   <img src=”img_london.jpg” alt=”London” style=”width:100%”>

   <div class=”w3-container”>

     <p>London is the capital city of England.</p>

     <p>It is the most populous city in the UK.</p>

   </div>

 </div>

</div>

<script>

function myFunction() {

 var x = document.getElementById(“Demo”);

 if (x.className.indexOf(“w3-show”) == -1) {

   x.className += ” w3-show”;

 } else {

   x.className = x.className.replace(” w3-show”, “”);

 }

}

</script>

</body>

</html>

Categories
coding

pseudocode assignment

The assignment was to adapt the guessing game to reverse the process,

by allowing the player to choose the number and let the computer try to guess it,

then to write this game as pseudocode.

Let me know how well you think I did?

declare variables

import random

def start

Print “guess cannot be higher than 50”

if number >50 then print “you cheated”:break

input (low)”what is the lowest possible number your guess could be?”
input (high)”what is the highest possible number your guess could be?”
computer chooses a random number between low and high
check to see if it is the number
elif check to see if the number is too low
if so numscale=low
elif check to see if the number is too high
if so numscale=high

def new method
if the number is too low tell computer the guess is too low
if the number is too high tell the computer the guess is too high
is this the first time guessing?

if the guess is too low and this is the first time guess=guess+2
if the guess is too high and this is the first time guess=guess-2
if the guess is too low and this is not the first time guess=guess+1
if the guess is too low and this is not the first time guess=guess-1
print guess
guessCount=guessCount+1
goto start

Categories
coding python

first time coding in python on ios: Guess My Number (rated M: language)

So I used python 3 for ios on my ipad to do part one of this assignment.

Part One: create a guess my number game:

numSpecial = 0

time = 0

guesses = 0

g = 0

i = 0

import random

numSpecial= random.randint(1,9)

print (“guess my nmber, biatch! between 1 and 10”)

while g!= numSpecial:

    time = time + 1

    if time > 5:

        print (“you took too long, loser”)

    elif g > numSpecial:

        print (“too high, shithead”)

        guesses = guesses + 1

    elif g < numSpecial:

        print (“too low, asshole”)

        guesses = guesses + 1

    elif guesses > 10:

        print (“I have had enough of your shit”)

    else:

        print (“you found an error”)

    g = int(input(“what is your guess?”))

    if g == numSpecial:

        print (“you guessed right, you are not as stupid as I thought.”)

        i = input ()

Part Two: figure out where in the program the computer recognises time and place a time limit on the game.

And no it doesn’t have an ending because I haven’t covered ending a program in the text yet.

Categories
coding python

still tinkering with Python

Q: assignment that flips a coin 100 times and gives you the total amount of heads and tails.

A: I started by making it flip a coin 5 times so I could easily watch it working and fix bugs.

I don’t think it actually flips the coin exactly 100 times, can you spot the error?

It took me an hour to get it to work:

import random
def variables ():
    heads = 0
    tails = 0
    coinCount = 0
    againPlay = “y”
   
def game():
    heads = 0
    tails = 0
    againPlay = “y”
    coinCount = 1
    while coinCount > 0:
        if againPlay != “y”:
            print (“you had “, heads, “heads.”)
            print (” and “, tails, “tails.”)
            end = input (“You’re all done now!”)
        nmCoin = random.randrange(2)
        if coinCount > 100: againPlay = “n”
        if nmCoin == 1:
           heads = heads + 1
           coinCount = coinCount + 1
        elif nmCoin == 0:
           tails = tails + 1
           coinCount = coinCount + 1
        else:
            print (“you had “, heads, “heads.”)
            print (” and “, tails, “tails.”)
            end = input (“You’re all done now!”)
    
variables ()
game ()
 

Categories
coding python

my 1st program in Python

I wrote my first program (not including the false start last time I attempted programming) in Python… and it works! after a few bug fixes it’s actually quite small and some would think insignificant.

But I’m getting used to the syntax and form of the language.

print (“hello”)

print (“nwhat are your 2 favourite foods of all time?”)

food1 = input (“nt1.”)

food2 = input (“nt2.”)

print (“I have made “,food2+food1,” for you!”)

input (“press a key to exit and enjoy your meal :)”)

Categories
coding python

my 2nd program in Python

tip15 = 0
tip20 = 0
price = input (“how much did your meal cost?”)
tip15 = int (price) * .15
tip20 = int (price) * .2
print (“A 20% tip would be “,tip20,” and a 15% tip would be”,tip15)
input ()

I wrote a tipper program for an exercise.
It’s a simple program and it took 20mins to write including several bug fixes,
where I had to go back to looking through the textbook and a few glances at my first program,
before I got it running properly. I made the usual noob mistakes – since I’ve tackled many different languages, I had to figure out if I needed to declare variables.
I also got the variable on the wrong side of the equals sign, then I forgot to include commas in my print statement for the variables. I also forgot to state that the variable was an integer. Finally, I forgot to use brackets and then incorrectly included the calculation inside the brackets.
Eventually, I figured all of this out and came up with the above seemingly simple program.
And it works!

I’m still not using comments, but I’ll fix that when I start writing longer programs.

Categories
coding python

an early coding exercise #1

carPrice = input (“what is the base price of the car?”)

tax = int (carPrice) * .125
insurance = 250
totalcarPrice = int (carPrice) + int (insurance) + int (tax)

print (“total cost of your car including: insurance $”,insurance,”,”)
print (“and tax: $”,tax,” comes to $”,totalcarPrice)
input ()

This is a program that figures out all your extra costs, when buying a car.

The only mistake I still need to figure out, is what the escape clause is for avoiding having a space at the end of a statement inside a print function.

It works fine, the user enters the base cost for the car.

Program calculates the tax and adds a previously decided insurance cost.

Then the program provides the user with both the individual costs, and the total all-inclusive price of the car.

EDIT:
After some research not in-book, it turns out that you can avoid the white spaces in between statements by using the function sep = “”, which should be treated as a variable – so not inside the quotation marks of the print function, rather, naked inside the brackets.

So the final program now looks like this:

carPrice = input (“what is the base price of the car?”)

tax = int (carPrice) * .125
insurance = 250
totalcarPrice = int (carPrice) + int (insurance) + int (tax)

print (“total cost of your car including: insurance $”,insurance,”,”, sep = “”)
print (“and tax: $”,tax,” comes to $”,totalcarPrice, sep = “”)

input ()

Categories
coding python

a fortune cookie program

So it took one day to write and bug fix.

Then another day to go through guesswork and figuring it out – to get the program to work.

I haven’t got up to while loops in the book, so it took a while – a few errors before I got it working.

And I certainly haven’t got as far as def methods, so using them was difficult and problematic. But I wanted my program to be complete with an exit option.

import random
    
def end_game():
    end_message = (“game over”)
    print (end_message)
    
def game():
    againPlay = “y”
    while againPlay == “y”:
        nmCookie = random.randrange(5)   
        begin = input (“cookie time, open your fortune cookie”)
        if nmCookie < 1:
            print (“you are going to die someday”)
            againPlay = input (“Still hungry”)
        elif nmCookie == 1:
            print (“you just ate a cookie”)
            againPlay = input (“Still hungry”)
        elif nmCookie == 2:
            print (“you are going to eat another cookie”)
            againPlay = input (“Still hungry”)
        elif nmCookie == 3:
            print (“you like cookies”)
            againPlay = input (“Still hungry”)
        elif nmCookie == 4:
            print (“you will have a gargantuan legacy”)
            againPlay = input (“Still hungry”)
        else: end_game()


game ()
end_game ()