scribbledecobble: Hello, Tom, Dick, Harry!

README

The phrase “Tom, Dick and Harry” is a placeholder for multiple unspecified people; “Tom, Dick or Harry” plays the same role for one unspecified person.

Joe Shmoe (also spelled Joe Schmoe and Joe Schmo and "Yo Hschmo"), meaning 'Joe Anybody', or no one in particular, is one of the most commonly used fictional names in American English.

Kiss Me, Kate is a musical written by Samuel and Bella Spewack with music and lyrics by Cole Porter.

The story involves the production of a musical version of William Shakespeare's The Taming of the Shrew and the conflict on and off-stage between Fred Graham, the show's director, producer, and star, and his leading lady, his ex-wife Lilli Vanessi. A secondary romance concerns Lois Lane, the actress playing Bianca, and her gambler boyfriend, Bill, who runs afoul of some gangsters.

Act I

The cast of a musical version of William Shakespeare's The Taming of the Shrew is rehearsing for the opening of the show that evening ("Another Op'nin', Another Show"). Egotistical Fred Graham is the director and producer and is starring as Petruchio, and his movie-star ex-wife, Lilli Vanessi, is playing Katherine. The two seem to be constantly arguing, and Lilli is particularly angry that Fred is pursuing the sexy young actress Lois Lane, who is playing Bianca. After the rehearsal, Lois's boyfriend Bill appears; he is playing Lucentio, but he missed the rehearsal because he was gambling. He tells her that he signed a $10,000 IOU in Fred's name, and Lois reprimands him ("Why Can't You Behave?").

Before the opening, Fred and Lilli meet backstage, and Lilli shows off her engagement ring from Washington insider Harrison Howell, reminding Fred that it's the anniversary of their divorce. They recall the operetta in which they met, which included "Wunderbar", a Viennese waltz; they end up fondly reminiscing and singing and dancing. Two gangsters show up to collect the $10,000 IOU, and Fred replies that he never signed it. The gangsters obligingly say they will give him time to remember it and will return later. In her dressing room, Lilli receives flowers from Fred, and she declares that she is still "So In Love" with him. Fred tries to keep Lilli from reading the card that came with the flowers, which reveals that he really intended them for Lois. However, Lilli takes the card with her onstage, saying she will read it later.

The show begins ("We Open in Venice"). Baptista, Katherine and Bianca's father, will not allow his younger daughter Bianca to marry until his older daughter Katherine is married. However, she is shrewish and ill-tempered, and no man desires to marry her. Three suitors - Lucentio, Hortensio, and Gremio - try to woo Bianca, and she says that she would marry any of them ("Tom, Dick, or Harry").

— Wikipedia, Kiss Me, Kate (retrieved 24 July 2017)

Code

<!-- ....1....:....2....:....3....:....4....:....5....:....6....:... -->

<h1>Hello, Tom, Dick and Harry! in HTML</h1>
<h2>using an unordered list</h2>

<ul>
  <li>Hello, Tom!</li>
  <li>Hello, Dick!</li>
  <li>Hello, Harry!</li>
</ul>

<!-- ....1....:....2....:....3....:....4....:....5....:....6....:... -->

<h1>Hello, Tom, Dick and Harry!</h1>
<h2>using an ordered list</h2>

<ol>
  <li>Hello, Tom!</li>
  <li>Hello, Dick!</li>
  <li>Hello, Harry!</li>
</ol>

<!-- ....1....:....2....:....3....:....4....:....5....:....6....:... -->

<style>

  li {
    font-size: 200%;
    font-weight: bold;    
  }

  /** Color Names and Codes
   *  See: https://www.w3schools.com/colors/colors_names.asp
   *  For "bronze" see: http://www.colorhexa.com/cd7f32
   */

  #first-place {
    color: gold;
  }
  #second-place {
    color: silver;
  }
  #third-place {
    color: #cd7f32;
  }

</style>

<h1>Hello, Tom, Dick and Harry!</h1>
<h2>in color using CSS and an ordered list</h2>

<ol>
  <li id="first-place">Hello, Tom!</li>
  <li id="second-place">Hello, Dick!</li>
  <li id="third-place">Hello, Harry!</li>
</ol>

<!-- ....1....:....2....:....3....:....4....:....5....:....6....:... -->

<h1>Hello, Tom, Dick and Harry!</h1>
<h2>by calling alert multiple times</h2>

<!-- Here is a copy of the script. -->
<pre>
  alert("Hello, Tom!");
  alert("Hello, Dick!");
  alert("Hello, Harry!");
</pre>

<!-- Here is a copy of the script. -->
<script>
  alert("Hello, Tom!");
  alert("Hello, Dick!");
  alert("Hello, Harry!");
</script>

<!-- ....1....:....2....:....3....:....4....:....5....:....6....:... -->

<h1>Hello, Tom, Dick or Harry!</h1>
<h2>using a user-defined function</h2>

<!-- Here is a copy of the script. -->
<pre>
  function hello(anybody) {
    alert("Hello, " + anybody + "!");
  }

  hello("Joe Shmoe");
</pre>

<!-- Here is the actual script. -->
<script>
  function hello(anybody) {
    alert("Hello, " + anybody + "!");
  }

  hello("Joe Shmoe");
</script>

<!-- ....1....:....2....:....3....:....4....:....5....:....6....:... -->

<h1>Hello, Tom, Dick or Harry!</h1>
<h2>using a function, an array and forEach</h2>

<pre id="display-area">
</pre>

<script id="program-code">

  function hello(anybody) {
    alert("Hello, " + anybody + "!");
  }

  function displayProgramCode() {
    const displayArea = document.getElementById("display-area");
    const programCode = document.getElementById("program-code");
    displayArea.innerHTML = programCode.innerHTML;
  }

  const people = ["Tom", "Dick", "Harry", "Joe"];
  people.forEach(hello);
  displayProgramCode();

</script>

scribbledecobble

Pages

Hello, Tom, Dick, Harry!

README

See Also

Code