Текст ввода в javascript

-6

Я хочу, чтобы человек, открывший мою веб-страницу, ввел его имя, чтобы код ниже работал.Текст ввода в javascript

var myName = "Parth Krishna"; 
var red = [0, 100, 63]; 
var orange = [40, 100, 60]; 
var green = [75, 100, 40]; 
var blue = [196, 77, 55]; 
var purple = [280, 50, 60]; 
var letterColors = [red, orange, green, blue, purple]; 
drawName(myName, letterColors); 
bubbleShape = 'circle'; 
bounceBubbles(); 

<!DOCTYPE html> 
<html> 
    <head> 
    <script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script> 
    <script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/alphabet.js"></script> 
    </head> 
    <body> 
    <canvas id="myCanvas"></canvas> 
    <script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/bubbles.js"></script> 
    <script type="text/javascript" src="main.js"></script> 
    </body> 
</html>

Код ниже html-страница.

Итак, каким будет код, если я хочу, чтобы пользователь вводил его имя, и его можно сохранить в var myName?

источник

2016-06-29 parth305

Код не заполнен .... – Rayon

Он завершен, и все работает отлично. – parth305

вот ссылка: http://curlybraces.site88.net/site/index.html – parth305

Используйте Window prompt() Method

myName = prompt("Please enter your name"); 
 
var red = [0, 100, 63]; 
 
var orange = [40, 100, 60]; 
 
var green = [75, 100, 40]; 
 
var blue = [196, 77, 55]; 
 
var purple = [280, 50, 60]; 
 
var letterColors = [red, orange, green, blue, purple]; 
 
drawName(myName, letterColors); 
 
if(myName.length>10) 
 
    { 
 
    bubbleShape = 'circle'; 
 
    } 
 
else 
 
    { 
 
    bubbleShape = 'square'; 
 
    } 
 
bounceBubbles();

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    <script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script> 
 
    <script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/alphabet.js"></script> 
 
    </head> 
 
    <body> 
 
    <canvas id="myCanvas"></canvas> 
 
    <script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/bubbles.js"></script> 
 
    <script type="text/javascript" src="main.js"></script> 
 
    </body> 
 
</html>

источник

2016-06-29 03:43:46

Hrmm почему проголосовать за этот ответ? –

Нет, это не работает :: Вот ссылка на мой сайт, где я его использую :: http://curlybraces.site88.net/site/index.html – parth305

Остановить отправку ссылок на ваш сайт. –

Как @Anthony Astige сказал, используйте prompt. Вот полный пример кода:

var myName = prompt('Please enter your name'); 
var red = [0, 100, 63]; 
var orange = [40, 100, 60]; 
var green = [75, 100, 40]; 
var blue = [196, 77, 55]; 
var purple = [280, 50, 60]; 
var letterColors = [red, orange, green, blue, purple]; 
drawName(myName, letterColors); 
bubbleShape = 'circle'; 
bounceBubbles();

источник

2016-06-29 03:47:59 mwilson

myName = prompt("Please enter your name"); 
 
var red = [0, 100, 63]; 
 
var orange = [40, 100, 60]; 
 
var green = [75, 100, 40]; 
 
var blue = [196, 77, 55]; 
 
var purple = [280, 50, 60]; 
 
var letterColors = [red, orange, green, blue, purple]; 
 
drawName(myName, letterColors); 
 
if(myName.length>10) 
 
    { 
 
    bubbleShape = 'circle'; 
 
    } 
 
else 
 
    { 
 
    bubbleShape = 'square'; 
 
    } 
 
bounceBubbles();

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    <script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script> 
 
    <script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/alphabet.js"></script> 
 
    </head> 
 
    <body> 
 
    <canvas id="myCanvas"></canvas> 
 
    <script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/bubbles.js"></script> 
 
    <script type="text/javascript" src="main.js"></script> 
 
    </body> 
 
</html>

Это окончательный ответ, который я хотел.

источник

2016-06-29 04:24:45 parth305

Текст ввода в javascript

ответ

Смежные вопросы