Diccionario Web sencilla | Proyecto de Declaración Interruptor JavaScript

Aquí, vamos a aprender sobre la class declaración en JavaScript con un proyecto que es diccionario web sencilla .

Hola! A veces, los principiantes siempre les resulta difícil conseguir la aplicación de la teoría que aprenden en la programación o un idioma determinado.

En este artículo, vamos a ver otra aplicación de JavaScript. Veremos el uso / aplicación de la declaración switch lo que ayudará a construir una aplicación simple diccionario web.

lo llamé una aplicación web porque el diccionario de la declaración switch nos da la oportunidad de programar diferentes salidas cuando se hacen diferentes peticiones.

La aplicación obtendrá la entrada del usuario a través de una salida de forma y voluntad el resultado como una alerta.

Es igualmente tiene un valor asignado switch si no se encuentra ningún resultado.

En primer lugar, vamos a empezar por revisar la sintaxis de la instrucción default .

La declaración switch se utiliza para evitar la escritura de varias sentencias if … else.

    switch(expression) {
case a:
code block
break;
case b:
code block
break;
default:
code block
}

Por lo tanto, se evalúa diferentes entradas () y comprueba case su salida específico, de lo muestra el valor for.

Abra un editor de texto y escriba el código de abajo.

Guarde el archivo con el nombre Web Dictionary.html

En este proyecto, he añadido algunas palabra de prueba pocos en el default switch .

Cada acrónimo su significado ha registrado en la sentencia case y un valor switch se ha establecido un default for sin resultados.

NB: Puede seguir utilizando su estilo CSS deseada!

<!DOCTYPE html>
<html>
<head>
<style>
</style>
<script type="text/javascript">
function Dic() {
var Word = document.getElementById('word').value;
var w = document.getElementById('go').value;
switch (Word) {
case 'PDF':
alert("portable digital format");
break;
case 'ASCII':
alert("american standard code for information interchange");
break;
case 'SIM':
alert("subscriber identity module");
break;
case 'HTML':
alert("hypertext markup language");
break;
case 'PHP':
alert("hypertext preprocessor");
break;
case 'CSS':
alert("cascading style sheet");
break;
case 'MTN':
alert("Mobile telephone network");
break;
case 'ISP':
alert("internet service provider");
break;
case 'DSL':
alert("digital subscriber line");
break;
default:
alert("Thanks for trusting us! No match found!")
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>C.P.O TOOLS</title>
<meta name="description" content="Good coders code, great coders reuse.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/style-index.css">
</head>
<body>
<div id="wrapper">
<div id="top">
<div id="logo">
<a href="https://go237.com"><img src="images/logo.png" alt="comic.browserling.com logo" title="Tools For All"></a>
</div>
<div id="logo-text">
Tools For All
</div>
</div>
<div id="body">
<h1>Coders</h1>
<div id="text">
Good coders code, great coders reuse.
</div>
<hr> Free Computer Acronym (Abbreviation) Dictionary!!
<br> Test Acronyms include...</br>
<br>PDF
<br>MTN
<br>DSL
<br>SIM
<br>ASCII
<form>
<br>
<input type="text" id="word" size='30' required placeholder='Word' />
<br/>
<br/>
<button onclick='Dic2();' id='go' /> Search!</button>
</form>
<br/>
<br/>
<hr>
</body>
</html>

Salida de la imagen:

Simple Web Dictionary | JavaScript Switch Statement Project - 4

Gracias case de codificación conmigo. Tus comentarios son mas que bienvenidos.


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *